# Arch Network — design system

> Generated from the Arch Network brand page at blueprintstudio.ai/brands/arch. 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.

## The brand in a line

**Real Bitcoin. Finally programmable.**

Arch is Bitcoin-native financial market infrastructure. Bitcoin is the world's strongest store of value, but it mostly can't be used productively without giving up custody. Arch gives it native credit, yield, and trading while staying anchored to Bitcoin's settlement and core values.

The identity is built on that contrast: a warm editorial serif and the parchment ground of a financial institution, cut by a single signal orange and a mark of four nested arches. Serious where it counts, never cold.

## Logo system

One mark: **Arch**, brand colour `#181818`.

```yaml
logo:
  arch:
    label: "Arch"
    fill: "#181818"
    marks: [glyph, lockup]
  monochrome_treatments:
    orange: "#EC641D"   # on light surfaces
    light: "#F3EFD7"   # on dark 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:
    orange: "#EC641D"
    black: "#181818"
  secondary:
    indigo: "#3E3A8E"
    violet: "#736FB9"
    gold: "#E6C98A"
    parchment: "#F3EFD7"
    peach: "#F4814A"
```

## 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: "Geist", sans-serif
    foundry: "Vercel"
    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" }
```

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

## Assets

- **Photography** — 7 files: Skyline, Anchored, Institutions, Markets, Home Footer, Ecosystem Hero, Ecosystem Footer
- **Architecture** — 4 files: The Chain, Threshold Keys, Settlement, UTXOs
- **Primitives** — 5 files: Fast & Final, Lending, Liquidation, UTXO Pool, Finance District
- **Social** — 2 files: Open Graph — Home, Open Graph — Chain
- **Backed By** — 11 files: Pantera, Multicoin Capital, Newman, CMS, OKX, Tangent, UTXO, Portal, Cypher, Big Brain, Ambush
- **Ecosystem** — 11 files: Chaos Labs, HoneyB, Gauntlet, Bump, Wasabi, Fordefi, Anchorage, Chintai, Kinesis, Xverse, Asigna

## Live

- arch.network — https://arch.network

---

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