Cron
A dark, focused calendar-software interface built on a warm near-black canvas (#161412) with a single high-voltage orange CTA (#ff4700) and oversized Helvetica Neue display type. The system reads as confident, minimal, and product-first — one enormous headline, one orange button, and a large embedded product screenshot doing all the persuasion. Brand voltage comes entirely from the orange accent and the 140px display headline against the dark floor.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display-xl
140px · 700 · 0.9
The quick brown fox jumps
body
22px · 400 · 1.7
The quick brown fox jumps
button
22px · 500 · 1.0
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xs | 12px | |
| sm | 20px | |
| md | 24px | |
| xl | 80px | |
| section | 140px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| sm | 4px | |
| pill | 9999px | |
| full | 9999px |
FAQ
- What colors does Cron use?
- Cron's core palette includes #ff4700, #ffffff, #cccccc, #161412, #0f0d0a. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Cron DESIGN.md.
- What font does Cron use?
- Cron's primary typeface is Helvetica Neue. 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 Cron design system?
- A dark, focused calendar-software interface built on a warm near-black canvas (#161412) with a single high-voltage orange CTA (#ff4700) and oversized Helvetica Neue display type. The system reads as…