DNA

DNA Capital employs a sophisticated, near-monochromatic dark theme, evoking a premium, data-driven identity. Typography is central, using a blend of refined serifs for impactful headlines and clean sans-serifs for legibility. A single vivid violet-blue gradient acts as a signature highlight, reserved for subtle decorative elements, icons, and progress indicators, creating a sense of precision and advanced technology. The overall design emphasizes spaciousness and understated confidence, with minimal use of borders and elevation to maintain a flat, contemporary feel. Prioritize text hierarchy with Darius for headlines and Graphik for body, strictly adhering to their defined weights and letter spacing: Darius 300 for display, Graphik varying weights for functional text. Utilize Midnight Ink (#070708) as the primary background and Arctic Mist (#ffffff) for primary text for dominant contrast, ensuring high readability on dark surfaces. Employ Deep Space Blue (#1954ec) exclusively for brand accents, subtle decorative strokes, and abstract background elements, maintaining its role as a precise, tech-forward highlight. Maintain generous vertical spacing between sections, using a default of 59px to promote a spacious and unhurried reading experience. Implement small rounding of 4px radius only on interactive link elements, keeping other UI components with sharp, defined corners. Reserve background gradients (Cosmic Blue to Violet or Fading Nebula) for abstract hero sections or subtle content blocks to add depth and a technological atmosphere, linking them to key content. Use Ghost Gray (#8f8f93) for secondary informational text or subtle inactive states to reduce visual clutter and direct focus to primary content. Avoid using highly saturated colors outside the defined brand accent (Deep Space Blue) to ensure the dark, sophisticated aesthetic is preserved. Do not introduce strong drop shadows or heavy borders on UI components; maintain a largely flat and modern appearance. Do not use Darius for body text or excessively small sizes; its light weight and serif nature are intended for impact and larger displays. Avoid tight element spacing; maintain an element gap of 23px and section gap of 59px to ensure content breathability. Do not use Arctic Mist (#ffffff) as a general background color, as the system is anchored in a dark theme. Do not introduce unnecessary rounded corners. Radii should be limited to 4px for specific interactive elements. Avoid generic system fonts where Graphik or Darius are specified; substitutes should only be used if the custom fonts are unavailable, to maintain brand distinctiveness.