
Preview image. Unlock full-res
Industrial precision on frosted glass
Aurora presents a high-tech, industrial aesthetic, blending a mostly achromatic canvas with stark blues for critical actions and highlight elements. The design prioritizes clear information hierarchy through distinct text color variations and generous spacing. Components are generally flat and functional, with subtle rounded corners indicating interactive elements or content containers, suggesting precision and reliability. Prioritize Midnight Ink (#001733) for all primary text content for strong contrast and readability. Use Aurora Blue (#006aed) exclusively for primary interactive elements and key brand highlights to ensure visual consistency. Apply 8px border-radius to all buttons, cards, and interactive elements to maintain a consistent subtle softening. Employ the Inter font family with judicious letter spacing adjustments (-0.03em to -0.04em for larger text) to enhance typographic precision. Ensure sufficient vertical rhythm by utilizing section gaps primarily at 24px and element gaps at 4px. Leverage Distant Gray (#f3f4f8) for secondary background surfaces to provide hierarchy without harsh contrast. Always use Canvas White (#ffffff) as the main page and card background for a clean, expansive feel. Avoid using multiple accent colors; confine brand emphasis to Aurora Blue (#006aed). Do not introduce sharp corners; maintain the consistent 8px or 4px border-radius to preserve the system's friendly yet precise aesthetic. Refrain from heavy shadows or complex gradients unless explicitly defined in the system; surfaces should generally remain flat. Do not deviate from the Inter font family unless specifically for code snippets; extraneous typefaces dilute brand identity. Avoid visual clutter by limiting decorative elements and focusing on functional UI decisions. Do not use generic gray values; use the defined neutral scale (Ash Mist, Slate Text, Steel Text, Subtle Gray) for consistent tone. Do not use unstyled links; all interactive text should either adopt Aurora Blue (#006aed) or be part of a defined component interaction.









