domains / families / design / dark-blue-contrasting-clean

dark-blue-contrasting-clean

separate

Create a dark-blue clean design system with strong contrast, cobalt gradient feature blocks, crisp framed structure, and restrained premium glow.

When to use

• Apply this as a full design-system direction across page background, framing rails, hero or CTA bands, cards, link groups, navigation, and motion.
• Use it when the interface should feel premium, dark, crisp, and blue-led, with strong contrast between deep navy surfaces and brighter cobalt focal regions.
• This is not an airy cloud-blue system and not loud neon sci-fi. It should stay clean, architectural, and high-contrast.

When not to use

• airy cloud-blue system
• loud neon sci-fi
• light sky-blue product page
• full-screen electric blue washes
• flat dark layouts without framed structure
• overdecorated cards with excessive glow
• heavy enterprise dashboard clutter

Skill page

Source