Internal Reference

Brand Guidelines

Design system reference for creating consistent print materials, brochures, and catalogues. Click any color swatch to copy the hex value.

Color Palette

Click any swatch to copy the hex value to clipboard.

Oak Green

Primary brand color. Premium, sophisticated, earthy tones for B2B security.

Falco Blue

Trust & technology. Professional blue tones for credibility.

Greyscale

Neutral tones for text, backgrounds, and UI elements.

Typography

Font families, scales, and specifications for consistent typography.

Font Families

Supreme

Display & Headings
Weights: 400, 500, 700, 800

Inter

Body & UI
Variable weight font

FALCO

Logo only
Brand wordmark

Display Scale (Supreme)

For hero sections and primary statements.

Display XL

72px (4.5rem)wt: 700lh: calc(6px + 1.6ex)ls: -0.03em

Enterprise Security

Display LG

60px (3.75rem)wt: 700lh: calc(6px + 1.7ex)ls: -0.025em

Unified Access Control

Display MD

48px (3rem)wt: 700lh: calc(6px + 1.8ex)ls: -0.02em

Smart Building Security

Display SM

36px (2.25rem)wt: 600lh: calc(6px + 1.9ex)ls: -0.015em

Connected Infrastructure

Display XS

30px (1.875rem)wt: 600lh: calc(6px + 2ex)ls: -0.01em

Secure by Design

Heading Scale (Supreme)

For section titles and structural hierarchy.

Heading XXL

40-48px (fluid)wt: 700lh: calc(6px + 1.6ex)ls: -0.025em

Section Introduction

Heading XL

32-36px (fluid)wt: 700lh: calc(6px + 1.8ex)ls: -0.02em

Major Section Title

Heading LG

24-28px (fluid)wt: 700lh: calc(6px + 2ex)ls: -0.015em

Subsection Heading

Heading MD

20-24px (fluid)wt: 600lh: calc(6px + 2.2ex)ls: -0.01em

Feature Name

Heading SM

16-18px (fluid)wt: 600lh: 1.5ls: -0.005em

Minor Heading

Body Scale (Inter)

For paragraphs, descriptions, and content.

Body XL

20px (1.25rem)wt: 400lh: 1.7ls: 0.01em

Lead paragraphs and featured content use larger text for emphasis and visual hierarchy.

Body LG

16-18px (fluid)wt: 400lh: 1.65ls: 0.01em

Section descriptions and lead paragraphs benefit from slightly larger text that scales with the viewport.

Body Base

16px (1rem)wt: 400lh: 1.6ls: 0.01em

Standard body text for most content. This is the baseline for readability and accessibility.

Body SM

14px (0.875rem)wt: 400lh: 1.55ls: 0.005em

Secondary text and supporting information use smaller text to establish hierarchy.

Body XS

12px (0.75rem)wt: 400lh: 1.5ls: 0.005em

Fine print and metadata use the smallest body text size.