# Arch Prime — design system

> Generated from the Arch Prime brand page at blueprintstudio.ai/brands/arch-prime. Hard values below are the source of truth for tokens, type and logo usage. Drop this into a project and prompt: *"Build X following this."*

**What it covers:** colour tokens, the type scale, and the logo system.
**What it does not:** voice, motion, or component specs — those aren't captured on the brand page yet.

## Logo system

One mark: **Arch Prime**, brand colour `#292A2E`.

```yaml
logo:
  arch-prime:
    label: "Arch Prime"
    fill: "#292A2E"
    marks: [glyph, lockup, wordmark]
  monochrome_treatments:
    orange: "#FF5E00"   # on light surfaces
    indigo: "#545EB3"   # on light surfaces
    white: "#FFFFFF"   # on dark surfaces
```

Marks are single-fill vectors, so they recolour cleanly to the treatments above. Never redraw the mark, re-space the lockup, or apply effects to it.

## Colour

```yaml
color:
  ink: "#181818"
  primary:
    arch-orange: "#FF5E00"
    arch-indigo: "#545EB3"
  secondary:
    boost: "#6B1E0D"
    earn: "#113671"
    borrow: "#1F5543"
```

## Typography

```yaml
type:
  display:
    family: "Gascogne Serial", Georgia, serif
    foundry: "SoftMaker"
    scale:
      "Headline": { size: 64px, line_height: 1.05, letter_spacing: "-0.03em" }
      "Headline 1": { size: 48px, line_height: 1.1, letter_spacing: "-0.022em" }
      "Heading 2": { size: 36px, line_height: 1.15, letter_spacing: "-0.018em" }
      "Heading 3": { size: 28px, line_height: 1.2, letter_spacing: "-0.014em" }
      "Heading 4": { size: 20px, line_height: 1.3, letter_spacing: "-0.01em" }
  text:
    family: "Plus Jakarta Sans", sans-serif
    foundry: "Tokotype · Google Fonts"
    scale:
      "Body Large": { size: 18px, line_height: 1.55, letter_spacing: "-0.012em" }
      "Body": { size: 16px, line_height: 1.55, letter_spacing: "0em" }
      "Body Small": { size: 14px, line_height: 1.5, letter_spacing: "0em" }
      "Caption": { size: 12px, line_height: 1.4, letter_spacing: "0.06em" }
      "Label": { size: 11px, line_height: 1.4, letter_spacing: "0.1em" }
  numbers:
    family: "Inter", sans-serif
    foundry: "Rasmus Andersson · Google Fonts"
    scale:
      "Numeral Large": { size: 48px, line_height: 1.1, letter_spacing: "-0.02em" }
      "Numeral": { size: 32px, line_height: 1.15, letter_spacing: "-0.015em" }
      "Numeral Small": { size: 20px, line_height: 1.3, letter_spacing: "-0.01em" }
      "Small Text": { size: 13px, line_height: 1.5, letter_spacing: "0em" }
      "Caption": { size: 11px, line_height: 1.4, letter_spacing: "0.02em" }
```

Line heights are part of the scale — don't hand-tune them per surface.

## Assets

- **Photography** — 2 files: Key Visual, City at Dusk
- **Buildings** — 7 files: Boost, Borrow, Earn, Earn (alt), Pool, Product, Strategy

## Brand guidelines

The full guidelines — voice, photography, motifs and applications — are in the brand deck: https://drive.google.com/file/d/13gdTJNiqeVUJsTcbDZQ3m5hjSZptdJAa/view
Where the deck and this file disagree, the deck wins.

---

*Maintained by Blueprint Studio · blueprintstudio.ai/brands/arch-prime*