Atlantis Technology

Atlantis uses a high-contrast dark theme, creating a serious and impactful atmosphere. The design is dominated by deep space blacks and stark whites, with a single luminous orange accent for calls to action and critical highlights, balanced by a subtle, resonant purple for supporting elements. Typography is bold and concise, emphasizing clear messaging over visual noise. Surfaces are mostly flat, with minimal elevation implied through light borders rather than heavy shadows, and cards often feature asymmetric corner radii. Always use Deep Midnight (#0a0c10) as the base page background for consistency in dark mode. Emphasize key words in headlines with Flare Orange (#f7931a) to draw immediate attention and convey importance. Apply the 100px radius for all badges to create clear, pill-shaped elements. Use Space Grotesk for all headlines and subheadings to maintain a sharp, impactful typographic tone, leveraging its tight letter spacing at larger sizes. Ensure generous vertical spacing between sections, using the sectionGap of '48px' to create breathing room. Implement asymmetric radii of 16px (e.g., 16px 0 0 16px or 0 16px 16px 0) on cards to add a distinctive, modern edge. Use Orbital Violet (#8b5fc8) sparingly for decorative UI elements, icons, and subtle textual accents, ensuring it supports and doesn't compete with Flare Orange. Never introduce additional primary accent colors; Flare Orange (#f7931a) and Orbital Violet (#8b5fc8) are the only brand accents permitted. Avoid heavy box shadows; elevation should be primarily communicated through subtle borders and background variations like Slate Card (#12151c). Do not use generic system fonts; always prioritize Inter and Space Grotesk to maintain brand identity. Do not excessively bold body text; use Inter at weights 400 or 500, reserving heavier weights of Space Grotesk for headlines only. Avoid tight element spacing; maintain an adequate elementGap of '24px' to prevent visual clutter. Do not place text directly on complex photographic backgrounds; use either solid color overlays or clearly defined text blocks to ensure legibility. Do not use bright or light backgrounds for main content sections; strictly adhere to the established dark theme.