Pixloop Design.md
LaunchDarkly homepage design, full-page screenshot

LaunchDarkly

A dark-mode, developer-platform interface anchored on a near-black canvas (#191919) with white display type, electric-blue primary CTAs, and a high-voltage lime-green accent. The system reads as confident, technical, and modern — oversized tightly-tracked display headlines, sharp-cornered (0px) buttons and inputs, soft-rounded dark cards (~20px) holding product-UI fragments, and a spectrum of saturated accent colors (lime, cyan, violet, periwinkle, pink) used on gradient product mockups. Brand voltage comes from the lime "Book a demo" CTA and the bold Söhne-family display type.

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

Color Palette

Accent

Neutrals

Typography

h1 80px · 700 · 1.0
The quick brown fox jumps
h2 64px · 700 · 1.0
The quick brown fox jumps
h3 32px · 600 · 1.1
The quick brown fox jumps
body 24px · 500 · 1.4
The quick brown fox jumps
button 16px · 400 · 1.5
The quick brown fox jumps

Spacing & Shape

Spacing

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

Border Radius

Name Value Preview
none 0px
xs 2px
sm 4px
md 6px
lg 8px
xl 12px
2xl 16px
3xl 20px
4xl 24px
5xl 32px
pill 999px

FAQ

What colors does LaunchDarkly use?
LaunchDarkly's core palette includes #405bff, #ffffff, #191919, #212121, #000000. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the LaunchDarkly DESIGN.md.
What font does LaunchDarkly use?
LaunchDarkly's primary typeface is Inter. 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 LaunchDarkly design system?
A dark-mode, developer-platform interface anchored on a near-black canvas (#191919) with white display type, electric-blue primary CTAs, and a high-voltage lime-green accent. The system reads as conf…

More like this