enterprise Color System
SpaceX's website is a full-screen cinematic experience that treats aerospace engineering like a film...
SpaceX's website is a full-screen cinematic experience that treats aerospace eng...
Spacex uses #000000 as the primary accent for interactive elements
Carefully selected 6 colors for enterprise applications
Uses negative letter-spacing, gradient
#000000
Page background, the void of space — at 50% opacity for overlay gradient
#f0f0fa
Text color — not pure white, a slight blue-violet tint that mimics starlight
rgba(240, 240, 250, 0.1)
Button background — nearly invisible, 10% opacity
rgba(240, 240, 250, 0.35)
Button border — spectral, 35% opacity
var(--white-100)
Link hover state — full spectral white
rgba(0, 0, 0, 0.5)
Gradient overlay on photographs to ensure text legibility
/* Spacex Color System */
:root {
--spacex-space-black: #000000;
--spacex-spectral-white: #f0f0fa;
--spacex-ghost-surface: rgba(240, 240, 250, 0.1);
--spacex-ghost-border: rgba(240, 240, 250, 0.35);
--spacex-hover-white: var(--white-100);
--spacex-dark-overlay: rgba(0, 0, 0, 0.5);
}
/* Example usage */
.spacex-button-primary {
background-color: var(--spacex-space-black);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}Airbnb's website is a warm, photography-forward marketplace that feels like flip...
Apple's website is a masterclass in controlled drama — vast expanses of pure bla...
IBM's website is the digital embodiment of enterprise authority built on the Car...
NVIDIA's website is a high-contrast, technology-forward experience that communic...