Axiom

Axiom's design evokes a high-tech data interface, offering clarity and focus within a rich, dark environment. The foundational black (#000000) coupled with various shades of dark gray creates a deep, layered surface system without relying on heavy shadows. A single vivid orange (#DA5C2C) serves as the primary accent, providing clear calls to action and visual emphasis against the monochromatic backdrop. The minimal use of rounded corners (primarily 2px) maintains an industrial, precise feel, only softened by 9999px pill shapes for very specific interactive elements. Use Midnight Ink (#000000) for page backgrounds and Deep Graphite (#111111) for primary UI surfaces like headers and footers. Apply Highlight Orange (#DA5C2C) exclusively for primary calls to action and active states, ensuring high visibility. Maintain a 2px border-radius for all interactive elements and content cards to preserve the precise, defined aesthetic. Utilize BerkeleyMono for headlines and key information at various weights and sizes from 12px to 32px to convey a technical, authoritative tone. Provide ample internal padding of 32px for feature cards and other content blocks to prevent a cramped feel within dark surfaces. Use b4b4b4 as primary body text color on dark backgrounds for optimal readability and a consistent soft contrast. Avoid using Highlight Orange (#DA5C2C) for decorative purposes or non-interactive elements, as it dilutes its impact as a CTA. Do not introduce additional vibrant colors; rely solely on the defined color palette to maintain visual discipline. Refrain from using strong, diffuse shadows; subtle box shadows like rgba(0, 0, 0, 0.05) 0px 1px 2px 0px are acceptable only for hints of elevation. Do not deviate from the 2px border-radius for most elements; reserve 9999px for specific pill-shaped components only. Avoid large variations in letter spacing; stick to 'normal' for both BerkeleyMono and Inter unless explicitly called for in a specific component. Do not use generic gray values for borders; default to Medium Gray (#3a3a3a) or Dark Slate (#202020) for consistency.