Skip to main content
    Zurvek
    BRAND KIT

    One red. Zurvek in every asset.

    Everything below is read from the same tokens the live site renders with, so a new page, deck or ad built from this sheet will match the product exactly.

    Download brand kit PDF

    The red

    HEX
    #E00000
    HSL
    hsl(0 100% 44%)
    RGB
    rgb(224 0 0)
    CMYK
    0 / 100 / 100 / 12
    TOKEN
    --primary

    Red Deep · #AD0000

    Ticker bands, pressed states, red on light red

    Red Base · #E00000

    CTAs, key numbers, rules, active state

    Red Text · #A80000

    Small red type on white (AA safe)

    Red Lift · #FF1F1F

    Red type on black terminals

    primary

    CTAs, active state, key numbers

    primary / 80

    Secondary emphasis, icons

    primary / 45

    Hover borders, rules

    primary / 30

    Hairlines, dividers

    primary / 12

    Tinted bands, glow wash

    Ink · #0A0A0A

    Body text, headings on frost

    Frost · #F3F2F0

    Marketing page background

    Paper · #FFFFFF

    Cards, panels, certificates

    Terminal · #0B0B0C

    Dark islands, agent terminals

    Typefaces

    Display / HeadingBarlow Condensed · 700 Bold · 900 Black

    Adversarial Due Diligence

    Uppercase, tracking -0.02em. All section and page headings.

    BodyInter · 400 Regular · 600 Semibold

    Five agents argue the deal before a verdict is issued.

    16px / 1.6 for paragraphs, 13px for captions.

    Data / EyebrowDM Mono · 400 · 500

    EVAL-9F21-4C · 2026-09-05T09:00Z

    Uppercase, tracking +0.14em to +0.24em. Labels, hashes, counters.

    Script accentIowan Old Style / Palatino italic · 500 italic

    Zurvek

    One italic serif word inside a headline, always in red. Never a full sentence, never in body copy.

    Heading weights and sizes

    H1 — HeroBarlow Condensed 900 · clamp(40px, 7vw, 84px) · leading 0.94 · tracking -0.02em
    H2 — SectionBarlow Condensed 900 · clamp(32px, 5vw, 56px) · leading 1.05
    H3 — Sub-sectionBarlow Condensed 900 · clamp(24px, 3.5vw, 40px) · leading 1.1
    H4 — Panel titleBarlow Condensed 700 · 20px · leading 1.2
    EyebrowDM Mono 500 · 11px · tracking +0.20em · uppercase
    BodyInter 400 · 16px · leading 1.6
    CaptionInter 400 · 13px · leading 1.5
    MetricBarlow Condensed 900 · 40px · tabular numerals

    Spacing and shape

    Section

    80px desktop · 56px mobile

    Between page sections

    Block

    32px

    Between blocks inside a section

    Card padding

    28px desktop · 20px mobile

    Inside cards and panels

    Grid gap

    16px

    Between grid and flex children

    Radius

    16px (rounded-2xl)

    Global corner radius on cards, buttons, inputs

    Hairline

    1px at primary / 30

    Dividers and rules

    Logo

    Zurvek horizontal lockup for light backgrounds
    Zurvek horizontal lockup for dark backgrounds

    Clear space on all four sides equals the height of the Z mark. Minimum width 96px on screen. Never place the red lockup on a red field, never letter-space the wordmark, never redraw or re-colour the Z.

    Do and don't

    Do

    • ·One red only — depth comes from opacity, never a second hue
    • ·Headings uppercase in the condensed display face
    • ·Red type on white uses the darker Red Text value at small sizes
    • ·Logo clear space equals the height of the Z mark on all four sides
    • ·Dark lockup on light surfaces, light lockup on dark surfaces

    Don't

    • ·No gradients, shading or tinted variants of the red
    • ·No Tailwind amber-*, orange-* or yellow-* palettes
    • ·No italic serif in body copy — headline accent word only
    • ·Never place the red lockup on a red field
    • ·Never letter-space the wordmark or redraw the Z