CURATED · OPEN · FREE

Cereal

A minimalist editorial site defined by vast whitespace and precise, understated typography.

editorialmagazine
Cereal screenshot
Open in OpenDesign

Visit: https://readcereal.com

01

Identity DNA

minimaleditorialrefinedluxurylifestyle

A high-end lifestyle magazine with an extremely restrained, elegant digital presence.

02

Color

#2A2A2AInk
#F5F2EEBG
#888888Muted
rgba(0, 0, 0, 0.12)Line

Warm off-white with near-black text; no bright accents.

03

Typography

geometric-sans

Logo uses wide letter-spacing · Navigation is small, uppercase, and spaced · No heavy or bold weights visible

04

Spacing

4px
8px
16px
24px
32px
48px
64px
96px

Generous whitespace with a fixed top navigation bar.

05

Surfaces

sm · 0px
md · 0px
lg · 0px
pill · 999px

A single 1px horizontal rule divides the header from the empty body.

06

Layout

1440container
12columns
24pxgutter
768 / 1024breakpoints

Full-width header with left-aligned logo and right-aligned minimal navigation.

07

Motion & Interaction

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

No animations or motion are visible in the static screenshot.

Subtle opacity change on navigation links. · Standard link behavior.

08

Components

09

Voice & Don'ts

11

System prompt

This is an ultra-minimalist editorial website for a lifestyle magazine. It features a warm off-white (#F5F2EE) background with near-black (#2A2A2A) text. The typography is a geometric sans-serif used with generous letter-spacing, particularly for the uppercase logo. The layout is dominated by vast whitespace, with a single horizontal rule separating the header from the content area. Critical donts: Do not use bright or saturated accent colors; Do not use heavy or bold font weights; Do not create dense or cluttered layouts; Do not use prominent, button-style CTAs; Do not apply rounded corners or drop shadows to elements.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗

en · zh-CN · zh-TW · ja · ko