Factory
Austere, engineered developer aesthetic. Stark greyscale surfaces, all-caps typography, and dark terminal mocks convey precision and high-throughput automation.
Visit siteColour
Typefaces
- Display
- Geist
- Body
- Geist
- Mono
- Geist Mono
- Source
- self_hosted
- Scale
- 12 · 13 · 14 · 15 · 16 · 24
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 2px
Capture
- Category
- ai
- Sections
- 11
- Captured
- 2026-08-29
- Rhythm
- light → dark → light x6 → dark → light x2
Type rules
- display headings set uppercase with tight letter-spacing
- body measure constrained to ~46 characters per line
- code commands and sub-labels set in monospace
Colour rules
- cool grey backgrounds dominate, with dark slate for editor views
- orange accent strictly restricted to active status dots and icons
Voice rules
- engineer-first technical statements with no marketing fluff
- code snippets provided directly as actionable CLI commands
Holds it together
- display code editors and terminal previews inside dark container cards
- use uppercase spaced monospace text for system status and tags
- keep UI borders to subtle 1px hairline neutral rules
Contrast
Type, measured
- Body
- 16px / 1.2
- Measure
- 46 characters
- Display
- 36px / 1.1
- Tracking
- -0.031em display
- Scale ratio
- 1.22
Voice
- Tone
- technical, declarative
- Sentences
- short
- Person
- second
- Vocabulary
- technical
- Calls to action
- download, contact, read
Built with
- Builder
- —
- Framework
- next
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 9 items
- Length
- 12.1 screens
Sections in page order
3 marked strong · 11- 00
hero
Austere and clinical monochrome developer hero with all-caps typography and a stark geometric logo.
- Mood
- clinical + bold
- Layout
- 1 col · centered · airy
- 01
video
Dense dark terminal-like product interface demonstrating automated AI coding workflows with crisp typographic hierarchy.
- Mood
- clinical + raw
- Layout
- 1 col · centered · dense
- 02
logo bar
A quiet and orderly monochrome logo grid set against a cool light grey canvas.
- Mood
- clinical + quiet
- Layout
- 5 col · stacked · airy
- 03
feature
StrongA restrained, engineered product feature section pairing a numbered tabbed list with a dark code-editor UI mockup on a light surface.
- Mood
- clinical + quiet
- Layout
- 12 col · split · balanced
- 04
feature
StrongClean, precise developer-focused feature section with monochromatic model pills arranged in sleek horizontal rows against a light grey surface.
- Mood
- clinical + quiet
- Layout
- 2 col · split · balanced
- 05
feature grid
A precise, disciplined feature grid presenting dark-themed product UI cards against a muted light grey canvas.
- Mood
- clinical + quiet
- Layout
- 12 col · grid · balanced
- 06
feature
Clean, engineered integration section pairing a left-aligned copy lockup with a crisp, monochrome grid of tool logos.
- Mood
- clinical + quiet
- Layout
- 16 col · split · airy
- 07
testimonial
StrongClean, modern split testimonial card pairing a minimalist video prompt with an authoritative quotation in crisp typography.
- Mood
- clinical + quiet
- Layout
- 13 col · split · balanced
- 08
cta
An ultra-minimal dark block with a single sparse enterprise link stranded in vast negative space.
- Mood
- quiet + clinical
- Layout
- 1 col · asymmetric · airy
- 09
logo bar
Quiet and clinical trust bar isolating four monochrome compliance and security icons in generous negative space.
- Mood
- quiet + clinical
- Layout
- 1 col · centered · airy
- 10
other
Minimal, quiet pale neutral transition section providing airy visual breathing room.
- Mood
- quiet
- Layout
- 14 col · full bleed · airy
