Krea

This system evokes a sleek, high-tech command center with deep, subdued tones and crisp, functional typography. The near-black background provides a stark contrast for the luminous white text, emphasizing content. Subtle gradients introduce depth without overwhelming the dark aesthetic, mimicking layered screens in a digital environment. The interplay of sharp 8px radii and some larger 14px and 32px radii, combined with a total absence of strong accent colors, creates a restrained and focused visual experience. Use Suisse Intl as the sole typeface, varying weight and size for hierarchy. Prioritize Void Black (#000000) for backgrounds and Canvas White (#ffffff) for foreground text to maintain high contrast. Apply 8px border radius consistently for most interactive elements like buttons and cards. Employ the Deep Space Gradient (linear-gradient(rgb(71, 71, 71) 0%, rgb(0, 0, 0) 100%)) or Cosmic Drift Gradient (linear-gradient(200deg, rgb(100, 100, 100) 0%, rgb(0, 0, 0) 100%)) for feature section backgrounds to create subtle depth. Use Ash Gray (#a3a3a3) for secondary text and disabled states to reduce visual hierarchy. Maintain a default letter-spacing pattern, notably the tight -0.0150em for larger headings, to achieve a precise, chiseled look. Utilize specific padding values (e.g., 12px vertical, 20px horizontal for primary buttons) to ensure consistent element sizing. Do not introduce additional saturated colors beyond the strict neutral palette. Avoid overuse of shadows; reserve the rgba(0, 0, 0, 0.1) 0px 1px 6px 0px shadow for interactive elements only. Do not deviate from Suisse Intl; no other font families should be used. Do not use generic border radii; adhere to 8px, 14px, or 32px values. Avoid bright or high-key imagery that would disrupt the dark, high-contrast aesthetic. Do not use letter-spacing values outside the defined -0.0250em, -0.0150em, 0.0100em, 0.0150em, 0.1000em ranges. Do not apply vibrant accent colors to active states; rely on subtle background changes or border shifts instead.