Luma

Luma embraces a minimalist, high-contrast aesthetic, primarily using black and white with subtle gray accents. Typography is sharp and impactful, relying on a custom sans-serif for all content, with careful letter-spacing changes defining hierarchy. Surfaces are predominantly uncluttered, featuring soft cards for content grouping against stark backgrounds. The visual system emphasizes clarity and directness, with interactive elements subtly integrated rather than boldly highlighted. Use Midnight Ink (#000000) for all primary text content and main headings. Apply Canvas White (#ffffff) as the dominant background for body sections and content cards. Maintain a clear visual hierarchy with Graphik font, adjusting letter-spacing as per type steps (e.g., -0.0400em at 48px, -0.0200em at 16px). Utilize Ash Gray (#e5e5e5) for all subtle borders and dividing lines between content sections. Ensure buttons adhere to a full pill shape by using a 1.67772e+07px border-radius. Employ 24px border-radius for all card-like content containers. Structure page sections with a consistent 73px vertical gap. Avoid using highly saturated or chromatic colors; the palette is strictly achromatic with very subtle gray variations. Do not add shadows to cards or surface elements; the design relies on flat, borderless segmentation or soft borders. Do not introduce additional font families; Graphik is the sole typeface for all content. Avoid decorative gradients or background images; surfaces should remain solid black or white. Do not deviate from the established letter-spacing values per font size; these are critical for brand typography. Do not use generic default button styles; always apply the pill shape and specific black/white color combinations. Do not make interactive elements visually distinct through bold color changes; interaction is suggested through text only or subtle background shifts where appropriate.