Preview image. Unlock full-res
Midnight Velvet Vault – rich, dark surfaces punctuated by a single, deep gem-toned light.
Atlas Card is a statement in understated luxury, built on a near-black canvas that allows its singular, deep violet accent to resonate with subtle authority. The design emanates a curated exclusivity through its scarce use of high-contrast elements, relying instead on a precise monochromatic scale and bespoke typography with unique letter-spacing to convey richness. Form is dictated by function, with oversized rounded buttons providing a soft, approachable counterpoint to the otherwise sharp, clean lines of the underlying layout. Use Midnight Ink (#000000) for all main page backgrounds to maintain the deep, luxurious theme. Apply Atlas Violet (#001391) exclusively for primary calls to action and active interactive states. Ensure all body text uses Sequel Sans Book at 17px, weight 400, and line-height 1.24 for consistent readability. Implement letter-spacing adjustments for Sequel Sans Headline Book: -0.008em for 23px and 28px, 0.008em for 16px. Utilize 128px radius for primary pill buttons to create a soft, distinctive silhouette. Maintain a clear distinction between button types using background colors: #001391 for primary, #1e1e1 for secondary, and transparent for ghost buttons. Employ Bright Silver (#f8f8f8) as the predominant text color for all main content against dark backgrounds. Do not introduce new chromatic colors; restrict brand accents solely to Atlas Violet (#001391). Avoid using any radii less than 4px; the smallest defined radius for non-interactive elements is 4px. Do not use generic system fonts; always map to the provided custom typefaces or their specified substitutes. Refrain from using hard, sharp shadows; the design relies on subtle background color shifts and photography for depth. Do not deviate from the specified letter-spacing for headlines; it is a critical component of the typographic identity. Avoid using #808080 for primary body text; reserve it for low-emphasis or secondary information. Do not use highly saturated primary colors for UI elements other than the designated Atlas Violet CTA.
