Atelier Zero
A magazine-grade, collage-driven visual system: warm paper canvas, surreal plaster-and-architecture imagery, oversized display type, hairline rules, Roman-numeral section markers, and tiny editorial annotations. Inspired by the production values of high-end print magazines (Monocle, Apartamento, IDEA) translated into a working website.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Neutrals
Spacing & Shape
FAQ
- What colors does Atelier Zero use?
- Atelier Zero's core palette includes #EFE7D2, #ECE4CF, #DDD2B6, #F7F1DE, #15140F. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Atelier Zero DESIGN.md.
- What font does Atelier Zero use?
- Atelier Zero's primary typeface is sans-serif. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
- What is the Atelier Zero design system?
- A magazine-grade, collage-driven visual system: warm paper canvas, surreal plaster-and-architecture imagery, oversized display type, hairline rules, Roman-numeral section markers, and tiny editorial…