Home - TypeSafe AI
Retro-futuristic, high-density machine-native AI research visual system defined by stark typography, functional desktop window controls, raw terminal typography, and vivid pink backdrop accents.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
heading-xl
150px · 500 · 0.8
The quick brown fox jumps
heading-lg
64px · 500 · 0.9
The quick brown fox jumps
heading-md
30px · 500 · 0.9
The quick brown fox jumps
body-lg
18px · 500 · 1.0
The quick brown fox jumps
body-md
17px · 400 · 1.2
The quick brown fox jumps
code-sm
10px · 300 · 1.2
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xs | 4px | |
| sm | 10px | |
| md | 20px | |
| lg | 50px | |
| xl | 100px | |
| container | 1440px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| none | 0px | |
| card | 0px | |
| button | 0px | |
| badge | 0px |
FAQ
- What colors does Home - TypeSafe AI use?
- Home - TypeSafe AI's core palette includes #fefefe, #000000, #1e1e1e, #1e1e1edb, #f386a1. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Home - TypeSafe AI DESIGN.md.
- What font does Home - TypeSafe AI use?
- Home - TypeSafe AI's primary typeface is \"Die Grotesk C Medium\. 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 Home - TypeSafe AI design system?
- Retro-futuristic, high-density machine-native AI research visual system defined by stark typography, functional desktop window controls, raw terminal typography, and vivid pink backdrop accents.