Earthly-Lunar

A dark, engineering-first developer-tooling interface built on a near-black navy canvas with electric cyan and acid-green as the only chromatic voltage. The system reads as a serious AI-era platform — flat dark surfaces, a glowing cyan-to-green gradient primary CTA, a product dashboard mockup shown directly in the hero, and Roboto used at heavy weights for headlines. Brand energy comes from the neon cyan/green pairing against deep navy and from real product chrome rendered inside the marketing flow.

earthly.dev

Works with Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit

↓ .md ↓ All files

loading…

Color Palette

Accent

Neutrals

Typography

display 46px · 800 · 1.1

The quick brown fox jumps

h2 40px · 700 · 1.2

The quick brown fox jumps

h3 24px · 700 · 1.333

The quick brown fox jumps

label 15px · 600 · 1.867

The quick brown fox jumps

body 24px · 400 · 1.417

The quick brown fox jumps

button 16px · 700 · 1.25

The quick brown fox jumps

Spacing & Shape

Spacing

Name	Value	Preview
xxs	4px
xs	8px
sm	10px
md	12px
lg	16px
xl	20px
xxl	24px

Border Radius

Name	Value	Preview
xs	4px
sm	6px
md	8px
lg	10px
xl	12px
xxl	16px
xxxl	20px
full	9999px

FAQ

What colors does Earthly-Lunar use?: Earthly-Lunar's core palette includes #f5f5f5, #ffffff, #c9d1d9, #c7d2e0, #a0aec0. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Earthly-Lunar DESIGN.md.
What font does Earthly-Lunar use?: Earthly-Lunar's primary typeface is Roboto. 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 Earthly-Lunar design system?: A dark, engineering-first developer-tooling interface built on a near-black navy canvas with electric cyan and acid-green as the only chromatic voltage. The system reads as a serious AI-era platform…

More like this

↓ .md ↓ All files

loading…