Atelier · Early Access (waitlist-minimal-graphite)
Minimal monochrome graphite-on-paper waitlist / early-access landing for an AI design tool: a warm off-white ground with near-black ink and one platinum grey (no color accent), a big tight black-weight headline, a centered single-field email + button waitlist form with overlapping social-proof avatars, scattered graphite confetti strokes, a logo trust strip, a 3-step how-it-works grid and an inverted full-bleed dark closing CTA.
Summary
A minimal, graphite-on-paper waitlist / early-access landing for an AI product design tool ('Atelier'). The whole page is monochrome: a warm off-white paper ground, near-black graphite ink for type and accents, and a single platinum grey. The centered hero is a waitlist capture, a big tight headline over a one-line email + button form with social-proof avatars, surrounded by scattered hand-drawn graphite strokes (monochrome confetti) and soft glows. Below it a logo trust strip, a 3-step 'how it works', a full-bleed dark closing CTA with a second email capture, and a footer. The mood is calm, editorial, premium and confident: lots of negative space, ultra-tight black type, one accent (the ink itself).
Style
Strictly monochrome, editorial-minimal SaaS aesthetic. The canvas is warm off-white paper (#fbfbfa). All ink is near-black graphite #1c1c1e with a slightly lighter #2c2c2e for secondary fills and a single platinum grey #c7c7cc for tints; there is no color accent at all, the contrast IS the design. Type is Inter (weights 400-900); the hero headline is black-weight (900) with very tight tracking (-0.05em) and crushed ~0.92 leading, scaling up to ~5.25rem. Body text is graphite at graduated opacities (full for headings, ~65% for body/labels). Surfaces are white (#ffffff) or paper cards with hairline ink borders (ink at 6-10% opacity) and soft, low layered shadows (field-shadow: 0 1px 2px rgba(28,28,30,.04), 0 8px 24px -12px rgba(28,28,30,.18); btn-shadow deeper for the dark pill). The texture system: a faint dot-grain (radial-gradient #1c1c1e 0.5px dots on a 22px cell at ~4% opacity) plus large soft platinum/ink radial glows behind the hero, and 'stroke-deco' scattered short rotated graphite bars (monochrome confetti) replacing the reference's colored marks. Corners are soft (rounded-xl inputs/buttons, rounded-2xl cards, rounded-full pills/avatars). Selection is inverted (ink background, paper text). Everything reads soft, paper-like, confident and uncluttered.
Layout & Structure
A full single-scroll landing: a slim sticky glass nav, a tall centered hero/waitlist section, a logo trust strip, a 3-step 'how it works' grid, a full-bleed dark closing CTA, and a footer. The hero is centered in a narrow max-w-3xl column (eyebrow pill, headline, subcopy, a one-row email+button form, then a social-proof avatar stack + count) over a full-bleed textured background with glows and scattered graphite strokes. The other sections center their content in a max-w-6xl container. The defining structural moves: the centered single-field waitlist form with overlapping social-proof avatars, and the monochrome scattered-stroke hero background.
Sticky glass nav
Hero background (monochrome texture)
Hero content (the waitlist capture)
Waitlist form (single field + button)
Social proof (avatar stack + count)
Trust strip
How it works (3-step grid)
Closing CTA (full-bleed dark)
Footer
Special Notes
Keep it STRICTLY monochrome: build everything from the paper #fbfbfa ground, graphite ink #1c1c1e (type, the primary button, the dark CTA section), a secondary #2c2c2e fill, and one platinum grey #c7c7cc; pure white #ffffff only for input/card fills. Do NOT introduce any color accent, the black-on-paper contrast is the entire design (the reference's colored confetti strokes must be recolored to graphite/platinum). Use Inter throughout: the hero headline must be black-weight (900) with very tight tracking (-0.05em) and crushed ~0.92 leading, scaling up to ~5.25rem; eyebrows/labels are 12px uppercase with wide ~0.14-0.16em tracking. Text is graphite at graduated opacities (full headings, ~65% body/labels), never a different hue. The hero is the centerpiece: a centered narrow max-w-3xl column (eyebrow pill -> big headline -> subcopy -> single-row email+button form -> overlapping avatar stack + count) over the textured background (dot-grain + soft platinum/ink glows + scattered graphite strokes). Depth is soft: hairline 1px borders in ink at 6-10%, rounded-xl inputs/buttons and rounded-2xl cards, soft low layered shadows (no hard edges). The page is a full single-scroll landing (sticky glass nav, hero/waitlist, logo trust strip, 3-step how-it-works grid, an inverted full-bleed dark closing CTA repeating the capture, footer); the hero centers in max-w-3xl and the rest in max-w-6xl. Everything must reflow cleanly: the email+button forms stack below sm, the nav center links hide below md and 'Sign in' below sm, the trust strip and how-it-works grid wrap/stack, the headline scales 3.4rem->5.25rem, no horizontal overflow at 390px. Copy is warm and human with zero em-dashes.