Huly

A cinematic, dark-mode developer-product interface anchored on a near-black cosmic canvas (#090a0c) with a luminous blue-to-lavender light beam as the hero centerpiece. The system reads as ambitious, technical, and premium open-source — oversized condensed display headlines with aggressive negative tracking, pill-shaped buttons, glowing CTA treatments, and real product-UI chrome (the Huly tracker/inbox) shown directly in the hero. Brand voltage comes from the light-beam imagery and the orange-glow CTA against an otherwise monochrome dark surface, with alternating dark and light editorial bands down the page.

huly.io

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

↓ .md ↓ All files

loading…

Color Palette

Accent

Neutrals

Typography

display-xl 84px · 600 · 0.9

The quick brown fox jumps

display-lg 80px · 600 · 0.8

The quick brown fox jumps

title-md 28px · 400 · 1.0

The quick brown fox jumps

body-md 18px · 400 · 1.375

The quick brown fox jumps

button 14px · 400 · 1.5

The quick brown fox jumps

Spacing & Shape

Spacing

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

Border Radius

Name	Value	Preview
xs	4px
sm	6px
md	8px
ml	10px
lg	12px
xl	14px
card	30px
full	9999px

FAQ

What colors does Huly use?: Huly's core palette includes #090a0c, #0b0d10, #18191b, #2d2f31, #e5e7eb. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Huly DESIGN.md.
What font does Huly use?: Huly's primary typeface is Huly Display. 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 Huly design system?: A cinematic, dark-mode developer-product interface anchored on a near-black cosmic canvas (#090a0c) with a luminous blue-to-lavender light beam as the hero centerpiece. The system reads as ambitious,…

More like this

↓ .md ↓ All files

loading…