Preview image. Unlock full-res
Shifting geometric planes under a deep indigo sky. Bold textual headlines punctuate against a canvas of near-black and clinical white, punctuated by soft, almost pastel blocks of color.
This system evokes a sense of advanced analytical capability, balancing deep, technical backgrounds with moments of soft-hued clarity. The predominant use of near-black and white creates a high-contrast, data-centric atmosphere. Subtle, pastel-like card colorations provide distinct 'data blocks' against the stark background. Hard-edged rectilinear forms dominate, with soft corner radii only appearing on interactive elements, grounding the digital sophistication with approachable interaction points. Large, whispering headlines in a custom AI-inspired typeface set a tone of quiet authority.
Use 'The Future' font for all primary textual content to maintain a consistent high-tech, yet approachable, brand voice.
Apply a 4px borderRadius to all buttons and badges for subtle modern rounding.
Prioritize Midnight Ink (#010120) and Canvas White (#FFFFFF) for primary background and text combinations, achieving high contrast.
Utilize Regal Violet (#BDBBFF) as the primary accent color for active navigation states and subtle interactive highlights.
Frame informational cards with 20px 40px padding when on dark backgrounds, using rgba(255, 255, 255, 0.08) as background.
Employ PP Neue Montreal Mono for all technical annotations, code blocks, or data-specific text to differentiate programmatic content.
Ensure large headlines (64px) apply -0.0300em letter-spacing for visual tightness.
Do not introduce new border radii beyond 4px, 8px, or 16px; prefer the consistent 4px default for interactive elements.
Avoid using highly saturated, vivid colors for large background blocks; reserve them only for small, pointed iconography or specific branding elements.
Do not use generic system fonts; 'The Future' and 'PP Neue Montreal Mono' are integral to the brand's unique character.
Do not deviate from the established padding scale; consistent spacing reinforces information hierarchy.
Avoid applying shadows directly to most content cards; depth is achieved primarily through background shifts and subtle layering of semi-transparent surfaces.
Do not place body copy in colors other than Void Black or Canvas White on their respective contrasting backgrounds, or Smoke Gray for secondary text.
Avoid overly playful or organic shapes; the aesthetic is sharp, precise, and tech-focused.
