CURATED · OPEN · FREE

Tomorrow Happens Studio

A minimalist design studio landing page that uses a continuous, fading poetic scroll anchored by the static word 'Tomorrow'.

StudioEditorialTypographyCalmRestraint
Tomorrow Happens Studio screenshot
↓ Download design system (1 MB)Open in OpenDesign

Visit: https://tomorrow-happens.studio

📦 Browse pack contents →

01

Identity DNA

MinimalPoeticDesign StudioReflective

A quiet poetry book with a single-word anchor

02

Color

#000000Ink
#ffffffBG
#e3e3e3Muted
rgba(0,0,0,1.0)Line

High-contrast minimalism using a strict monochrome palette with varying opacity for visual hierarchy.

03

Typography

transitional-serif

04

Spacing

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

Generous whitespace with tight line height for the main display text.

05

Surfaces

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

1px solid black for thin, precise navigation separators.

06

Layout

1280container
12columns
24pxgutter
768 / 1024breakpoints

Sidebar navigation with the primary content focused on a vertically scrolling text block.

07

Motion & Interaction

150msmicro
500mssmall
0msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

Continuous vertical scroll with opacity fading for individual lines

Opacity fades on navigation items. · Triggered on sidebar and footer navigation links.

08

Components

09

Voice & Don'ts

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

This is a minimalist design studio portfolio. The primary visual identity is built on a stark monochrome palette of pure white (#ffffff) and solid black (#000000). It relies heavily on a thin, transitional serif font for its poetic, continuously scrolling display text, contrasted with a small grotesque sans-serif for navigation. The core interaction is a vertical scroll that creates a fading effect on the text. Critical donts include: never use bright accent colors, never use heavy font weights for the display text, and never add drop shadows, complex borders, or rounded corners to elements. The design should remain strictly flat, airy, and typographically focused.

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 ↗ · This pack for agents ↗

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