arqobrand / logo · v01 · Geist Sans 900 · final
    ← /brand·/brand/color·/brand/type·/brand/motion
    01 · logo
    arqo
    Wordmark
    Geist Sans 900
    Mark
    Spiral · v1
    Color rule
    currentColor
    License
    Internal · OFL fonts
    §1.0ConfigurationsSame mark, two arrangements. Horizontal is the default; stacked is for square and portrait surfaces.
    primary · default

    Horizontal

    Icon left of "arqo", x-height matched, 0.18em gap. Default for any surface wider than tall.

    arqo
    alternate · vertical

    Stacked

    Icon on top, "arqo" centered below. Icon scales to 1.1em so it can carry square surfaces.

    arqo
    §2.0Logomark · aloneWhen the wordmark can't ride along — favicon, app icon, avatar — the spiral stands by itself. Same fill rule: monochrome, currentColor, no recolor.
    Light · ink on bone
    Dark · bone on ink
    16px
    Favicon · OS chrome
    24px
    Loaders · inline
    32px
    Browser favicon 2×
    48px
    PWA tiles · cards
    64px
    App icon · Spotlight
    96px
    Avatars · OG seals
    128px
    App icon · macOS Dock
    200px
    App store · maximum
    §3.0AnatomyBoth lockups are engineered against the wordmark's vertical metrics.

    Horizontal · proportions

    arqo
    Icon height
    0.644em · +15% of x-height
    Icon-to-word gap
    0.18em (right)
    Word tracking
    −0.04em
    Alignment
    Baseline · centered on x-height letter mass
    Vertical shift
    translateY(0.05em) on icon
    Color
    currentColor · monochrome

    Stacked · proportions

    arqo
    Icon height
    1.1em · ~1.7× wordmark cap-height
    Icon-to-word gap
    0.2em (below)
    Word tracking
    −0.04em
    Alignment
    Centered · icon optical center over wordmark center
    Frame
    Square or portrait surfaces only
    Color
    currentColor · monochrome
    §4.0Variants · size systemFive rendered sizes — engineered so the optical weight of the icon stays right against the wordmark from billboard to favicon.
    Display
    96px · marketing hero
    arqo
    Large
    68px · section header
    arqo
    Medium
    44px · card / dashboard
    arqo
    Navbar
    28px · app chrome
    arqo
    Mini
    18px · footnotes / legal
    arqo
    §5.0Clear spaceReserve clear space equal to the x-height of the wordmark — about 0.6em — on all four sides. No type, image, edge, or border inside this margin.
    arqo
    §6.0Minimum sizesBelow 18px the wordmark loses optical balance against the icon. Below 14px, drop the wordmark and use the logomark alone.
    Marketing
    posters · hero · social
    arqo
    ≥ 96px wide
    App / web
    site headers · in-app chrome
    arqo
    ≥ 44px wide
    Compact
    navbars · footers · breadcrumbs
    arqo
    ≥ 28px wide
    Mini
    legal · email signatures
    arqo
    18px floor · drop below
    Logomark
    favicon · app-icon · avatar
    16px floor · icon only
    §7.0Do · Don'tThe mark is built tight. Most creative treatments break the construction rules in §3.0.
    DO
    • Pair the mark with a high-contrast ink-on-bone or bone-on-ink surface.
    • Inherit currentColor — the icon and the wordmark take the foreground.
    • Reserve the stacked lockup for square / portrait surfaces only.
    • Drop the wordmark below 14px — use the logomark alone (favicon, avatar).
    DON'T
    • Don't rotate, skew, or shear the lockup.
    • Don't stretch or compress horizontally.
    • Don't apply gradients, fills, or recolor outside ink / bone / spring.
    • Don't put another logo or graphic inside the clear-space margin.