Mesh Gradient Dark Blue Clean

What it is

A dark-blue direction with CSS color tokens, a border-gradient hero shell, canvas mesh field, glass nav pill, floating nodes, rails, and paired CTAs.

Create a futuristic, premium, clean dark-blue mesh-gradient design system across background rendering, hero shell, navigation, floating nodes, framed sections, CTAs, and motion. Use when the interface needs a near-black

Why it matters for design

• The mesh sits inside the hero shell, so it drives composition rather than decorating it.
• Named tokens fix background, shell, line, copy, and accent values across the page.
• Rails, corner squares, and node pills give the minimal shell technical structure.

What it covers

• System recipe
• Color tokens
• Hero shell
• Canvas mesh field
• Nodes and rails
• Motion defaults