xAI

xAI

Preview image. Unlock full-res

Midnight Command Center: A dark, responsive interface with precise typographic hierarchy and subtle interactive cues.

Industryai
Palette
#0c0c0b
#1f2228
#ffffff
#7d8187
#474747
#2563eb

xAI employs a darkened cosmic canvas aesthetic: deep black backgrounds, muted grays for surfaces, and sharp white typography for contrast. A single, vivid blue accent is reserved for interactive input states, creating a focal point against the otherwise reserved palette. Components are lightweight with minimal borders and generous radius for buttons, aiming for a sense of contained energy rather than heavy presence. Retain the dominant dark theme using Deep Midnight (#0c0c0b) as the canvas and Faded Steel (#1f2228) for secondary surfaces. Use Frost White (#ffffff) for all primary text, ensuring high contrast on dark backgrounds. Apply universalSans with -0.0250em letter spacing for all headlines and body text to maintain the compact, confident typographic style. Reserve Electric Blue (#2563eb) exclusively for interactive input focus states and accents, maintaining its visual impact as a sole chromatic element. Apply a 9999px border-radius to all interactive buttons for a soft, pill-shaped appearance. Set internal padding for feature cards at 16px to create consistent breathing room for content. Utilize GeistMono with 0.1000em letter spacing for all badges and auxiliary labels to establish a technical, distinct text style. Avoid introducing additional saturated colors; maintain the restricted palette with Electric Blue as the only vivid accent. Do not use heavy box-shadows or significant elevation; prefer subtle borders and slight background shifts for surface differentiation. Do not use rectangular, sharp-edged buttons; enforce the 9999px radius for all interactive buttons. Avoid large imagery or elaborate illustrations; prioritize clean UI and minimal, abstract graphics. Do not use a light theme; the brand identity is firmly established in dark mode. Do not vary paragraph line heights or font weights frequently within body text; maintain the universalSans-400, 1.5 lineHeight standard. Avoid dense, unbroken blocks of text; break content into manageable sections with clear headings and ample vertical spacing of at least 48px between major sections.

More like this