Forge

Terminal-first tooling: industrial grays, orange action, mono labels.

Devtools/forgelight + dark

Exemplar: Railway and Fly.io docs

Studied from CLI-first infrastructure sites. Original tokens and copy; no assets copied.

Live tokens

Colors

bg
#F2F2F0

surface
#FFFFFF

surface-alt
#E8E8E4

text
#191918

text-muted
#5C5C57

border
#D6D6D0

primary
#191918

on-primary
#F5F5F2

accent
#C2410C

on-accent
#FFFFFF

Type

Directionxxxl · 3.75rem

Design systemxxl · 2.5rem

Conversion notesxl · 1.75rem

Section headinglg · 1.25rem

Body copy for the pagemd · 1rem

Supporting textsm · 0.875rem

Meta labelxs · 0.75rem

Pack recipe 0123'Space Grotesk', 'Helvetica Neue', Arial, sans-serif

Pack recipe 0123'Geist', 'Inter', system-ui, sans-serif

Pack recipe 0123'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace

Spacing, radius, shadow

xs 0.25rem

sm 0.5rem

md 1rem

lg 1.75rem

xl 2.5rem

xxl 5rem

sm 2px

md 4px

lg 6px

Component samples

Ship services from your terminal

Push code. Get a URL.

Action-first claim.

Free tier: 100 GB

Repo URL

GitHub or GitLab.

One field to start.

api-gateway

Running — 3 regions

last deploy 2 min ago

Recipe

Apply the rules, place the patterns, then tune the conversion notes against the rubric.

Rules

Ground the page in warm industrial gray, not white.
Reserve orange for the single primary action.
Shadow as a hard 2px offset, never a blur.
Label every section in mono uppercase.
Show the CLI before the dashboard.

Patterns

Split hero: prose left, terminal window right.
Stacked feature rows with mono step labels.
Region map or status board for infrastructure trust.
FAQ as an accordion under the final action.

Conversion notes

State the free-quota number in the hero subline.
Show 'no credit card' beside the trial button.
Keep the status page link visible for ops buyers.

See this pack on your site.

Attach your URL. The audit maps your gaps to Forge or a better-fit pack.