Typography & Brand Kit

Typefaces

Self-hosted via Fontsource. Four roles cover lockups, UI, accent display, and mono facts.

• Display / brand lockups

  Syne var(--font-display)

  GECK Agentic

• Body / UI

  Plus Jakarta Sans var(--font-sans)

  Help AI agents find and recommend your brand

• Accent display

  Nanum Myeongjo var(--font-serif)

  Measurable Growth

• Mono / facts

  Geist Mono var(--font-mono)

  25% · $1T · AEO

Type scale

Display tracking is slightly tight (−0.02em). Never skip heading levels.

• H1 accent

  clamp 3–8rem · Nanum ExtraBold

  Measurable Growth

• H2

  2–3rem · Jakarta Medium

  Section title

• H3

  1.75–3rem · Nanum ExtraBold

  Solution card title

• Body

  1–1.25rem · weight 500

  Help AI agents find, recommend, and transact with your brand across ChatGPT, Gemini, and AI search.

• Meta

  0.875–1rem · weight 500

  Work with · Last updated · Section chip

Colors

Tokens live in globals.css and mirror DESIGN.md.

• Deep Forest Ink

  #0E1A16

  --ink

• Soft Canopy

  #24332C

  --ink-soft

• Pure Panel

  #FFFFFF

  --surface

• Electric Signal

  #344FFE

  --electric

• Electric Deep

  #2A3FD6

  --electric-hover

• Spark Orange

  #FE7743

  --spark

• Forest Accent

  #1A6B4A

  --forest

• Neutral Mid

  #3D3D3D

  marketing grey

• Neutral Soft

  #6B6B6B

  muted labels

• Muted Fern

  #5C6B63

  --muted

• Dim Leaf

  #8A968F

  --dim

• Border Moss

  #D9DFD8

  --border

• Danger Clay

  #C44040

  --danger

• Warn Amber

  #B86E12

  --warn

Buttons & actions

Marketing CTAs are pills. Utility controls on interior forms use 10px radius. Ghost links stay editorial.

Inputs

Hero field is a full pill with hard shadow. Interior forms keep the 10px radius.

Surfaces & chips

No cards in the hero. Interactive or carousel units may use Pure Panel panels with light borders and optional hard shadows.

Design rules