/ style guide

The system, on one page.

Colors, type, and components for SourceMain. Tokens are defined once in src/styles/global.css and consumed as Tailwind theme variables (e.g. text-salmon, bg-ink) — this page mirrors them for reference.

01 / palette

Color

Backgrounds

ink #0B0F14 Page background

ink-soft #11161F Raised background

graphite #1A2230 Surface

graphite-soft #232C3D Surface (lighter)

Blues

navy #0E2746 Deep accent

navy-bright #1E4D8C Bright accent

Salmon — brand accent

salmon #FF8A75 Primary accent

salmon-soft #FFB8A8 Lighter

salmon-deep #E5654E Hover / pressed

Neutrals

bone #E8E6E1 Body text

fog #9AA3B2 Muted text

02 / type

Typography

Inter Variable for UI and prose, JetBrains Mono for labels, eyebrows, and code.

Display / H1

Senior software engineering.

Heading / H2

Built and shipped before.

Heading / H3

A deliberately small practice.

Body

Every engagement gets attention from someone who has built production systems like yours before.

Muted

Secondary copy, captions, and metadata.

Mono / eyebrow

/ tokens · labels · numbers

03 / controls

Buttons & links

Primary action Ghost action Underline link

04 / surfaces

Surfaces & lines

/ surface

Gradient surface with hairline border and hover lift. Used for cards.

/ grid-overlay

Faint background grid for hero and section texture.

.hairline — neutral divider

.hairline-salmon — accent divider

05 / tokens

Radius

sm · 2px

md · 4px

lg · 8px