ai ml Color System
Runway's interface is a cinematic reel brought to life as a website — a dark, editorial, film-produc...
Runway's interface is a cinematic reel brought to life as a website — a dark, ed...
Runwayml uses #000000 as the primary accent for interactive elements
Carefully selected 8 colors for ai-ml applications
Uses negative letter-spacing, gradient and more
#000000
The primary page background and maximum-emphasis text.
#030303
A near-imperceptible variant for layered dark surfaces.
#1a1a1a
Card backgrounds and elevated dark containers.
#ffffff
Primary text on dark surfaces and light-section backgrounds.
#fefefe
The lightest surface — barely distinguishable from pure white.
#e9ecf2
Light section backgrounds with a cool blue-gray tint.
#27272a
The single dark-mode border color — barely visible containment.
#404040
Primary body text on light surfaces and secondary text.
/* Runwayml Color System */
:root {
--runwayml-runway-black: #000000;
--runwayml-deep-black: #030303;
--runwayml-dark-surface: #1a1a1a;
--runwayml-pure-white: #ffffff;
--runwayml-near-white: #fefefe;
--runwayml-cool-cloud: #e9ecf2;
--runwayml-border-dark: #27272a;
--runwayml-charcoal: #404040;
}
/* Example usage */
.runwayml-button-primary {
background-color: var(--runwayml-runway-black);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}Claude's interface is a literary salon reimagined as a product page — warm, unhu...
Cohere's interface is a polished enterprise command deck — confident, clean, and...
ElevenLabs' website is a study in restrained elegance — a near-white canvas (`#f...
MiniMax's website is a clean, product-showcase platform for a Chinese AI technol...