What problem does it solve?
Designing a cohesive dark-blue interface often results in flat dark layouts with blue text but no structure, or overdone neon glow that destroys contrast. This Skill provides a complete visual direction for building premium dark-blue design systems with disciplined framing and controlled contrast.
Core Features & Use Cases
- Design System Direction: Defines a near-black navy base, cobalt gradient feature blocks, white typography, and thin framing rails as a unified visual language.
- Implementation Guidance: Covers border-gradient wrappers, framed max-width shells, stacked layout zones, premium CTA cards, and calm motion patterns like masked word reveals.
- Tuning Knobs & Guardrails: Adjustable blue intensity, contrast strength, glow amount, and frame density, plus explicit anti-patterns to avoid.
- Use Case: A designer asks an AI agent to build a landing page for a developer tool; the Skill produces a dark navy page with a cobalt gradient hero banner, border-x rails with corner squares, and pale-blue supporting copy.
Quick Start
Use the dark-blue-contrasting-clean skill to build a responsive landing page with a cobalt gradient hero block and framed dark navy layout.
