---
name: Tomorrow Happens Studio
description: "Worth including for its exceptionally restrained, poetic approach to web design, prioritizing typography and subtle motion over complex UI components."
version: alpha

colors:
  background: "#ffffff"
  primary: "#000000"
  neutral: "#e3e3e3"
  line: "rgba(0,0,0,1.0)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 39px
    lineHeight: 1.2
    fontWeight: 200
    letterSpacing: "normal"
  body:
    fontFamily: transitional-serif
    fontSize: 12px
    lineHeight: 1.07
    fontWeight: 500
    letterSpacing: "normal"

rounded:
  sm: 0px
  md: 0px
  lg: 0px
  pill: 0px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 60px

---

## Overview

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

*A quiet poetry book with a single-word anchor*

## Colors

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

- **Background (`#ffffff`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Muted (`#e3e3e3`)** — uses `muted` token
- **Borders (`rgba(0,0,0,1.0)`)** — uses `line` token

## Typography

- **Display:** transitional-serif
- **Body:** transitional-serif

## Layout

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

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

## Elevation & Depth

- Borders: 1px solid black for thin, precise navigation separators.

## Shapes

- `sm`: 0px
- `md`: 0px
- `lg`: 0px
- `pill`: 0px

## Components

- **button:** Text-only navigation links with a '+' suffix.
- **hero:** A full-screen, continuous text scroll with a fixed, static anchor word.

## Do's and Don'ts

**Don't:**
- Don't use bright accent colors — the screenshot shows a strictly monochrome black-and-white palette.
- Don't use heavy font weights for display text — the screenshot shows a very thin, elegant serif font.
- Don't use drop shadows or complex 3D effects — the screenshot shows completely flat, two-dimensional elements.
- Don't use rounded corners on buttons or cards — the screenshot shows sharp, geometric, and borderless layouts.
- Don't use busy background patterns or imagery — the screenshot shows a clean, pure white background.
- Don't use complex, multi-level navigation menus — the screenshot shows only simple, flat text links.

---

## System Prompt (paste into AI agent)

```
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.
```