Skip to content
Spec

PROV-BRAND-001 · GUIDELINES

SOURCE NATIONAL DESIGN STUDIO · NDSTUDIO.GOV
CLASS 705 / DATA PROCESSING / AUTOMATED TRADING

Isolated brand system. NDS variables, first-class mono, straight edges, 12-column grid.

Purpose

Tokens, type, and layout patterns are pulled from ndstudio.gov — PP Neue Montreal tracking, surface/ink palette, hairline rules, right-weighted hero — then hardened for launch: no radius, mono as a system font, patent-plate density.

Everything we build lives on the same 12-column grid. If it cannot sit in the grid, it does not ship.

IColor

Ink

#010101

--color-ink

Primary text, rules, inverted fills

Surface

#f2f2f2

--color-surface

Page ground

Paper

#ffffff

--color-paper

Spec plates, elevated cells

Muted

#6b6b6b

--color-muted

Secondary labels, disabled

Link

#3760f2

--color-link

Interactive text, GET methods

Black

#000000

--color-black

Absolute ink

White

#ffffff

--color-white

Inverted type

IITypography

Sans

Geist Sans

NDS ships PP Neue Montreal. Geist is the licensed grotesque stand-in with matching weight range and tracking.

Mono

Geist Mono

First-class. Plate numbers, paths, methods, captions, tabular data.

Display

clamp(60px, 9.375vw, 180px) / 700

Providence

H1

104px / 530

Wealth, autonomously.

H2

52px / 450

Public HTTP surface

H3

44px / 450

Agent infrastructure

Body large

30px / 450

Months reduced to minutes.

Body

16px / 450

Protected routes require a WorkOS AuthKit bearer token.

Caption

14px / 530

Selected Work

Micro / mono

12px / 530

FIG. 01 · CLASS 705
IIIGrid

12 columns

2-up until 768px, then a true twelve. Gutters 16 / 20. Max 1280 tablet, 1600 desktop.

1
2
3
4
5
6
7
8
9
10
11
12

Hero

1–8

Left-aligned manifesto with a wide laptop/desktop measure.

Statement + body

1–3 / 7–10

Large claim on the left, supporting copy starting at column 7.

Spec explorer

1–4 / 6–12

Agent-ready explainer on the left, endpoint plates on the right.

Section index

1–12

Hairline, roman numeral, title. NDS Selected Work pattern.

Spec row

1–2 / 3–8 / 9–12

Method stamp, mono path, summary. PlanetScale density.

Footer

1–6 / 7–9 / 10–12

Wordmark, address, navigation.

IVShape & motion

Radius

0

No rounded edges. Buttons, plates, inputs, and images are square. Patent drawing, not consumer app.

Rules

1px / 2px

Hairlines at 20% ink. Spec plates take a full 1px ink frame.

Scroll

lenis

lerp 0.1 · 1.1s. Disabled when the user prefers reduced motion.

VComponents
FIG. APlateCOMPONENT

Bordered specification cell.

Corner marks, mono header, square frame.

Underline link

Each component lives in its own folder under src/components. Tokens live in src/brand.