mymind
A calm, anti-social "second brain" landing page built on pure white canvas with a single warm orange brand spark (#ff5924) and an oversized serif display headline. The system feels editorial and human — enormous tightly-tracked serif type set against soft radial peach-orange glows, slate-gray body copy, fully-pill-rounded buttons and outlined tag chips, and a single saturated orange band that closes the page. Brand voltage comes almost entirely from the giant serif headline and the warm gradient aura rather than from chrome or accent color.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display-hero
140px · 400 · 0.85
The quick brown fox jumps
title
24px · 500 · 1.25
The quick brown fox jumps
body
18px · 400 · 1.5
The quick brown fox jumps
caption
14px · 500 · 1.4
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 4px | |
| xs | 10px | |
| sm | 18px | |
| md | 20px | |
| lg | 24px | |
| xl | 32px | |
| xxl | 40px | |
| xxxl | 50px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| sm | 12px | |
| md | 14px | |
| lg | 16px | |
| xl | 20px | |
| xxl | 30px | |
| xxxl | 36px | |
| pill | 100px | |
| pill-lg | 120px |
FAQ
- What colors does mymind use?
- mymind's core palette includes #000000, #21252a, #3a475a, #4a5465, #3f4854. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the mymind DESIGN.md.
- What font does mymind use?
- mymind's primary typeface is Avenir LT. 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 mymind design system?
- A calm, anti-social "second brain" landing page built on pure white canvas with a single warm orange brand spark (#ff5924) and an oversized serif display headline. The system feels editorial and huma…