automotive Color System
Renault's website is a vibrant digital showroom that balances French automotive elegance with bold, ...
Renault's website is a vibrant digital showroom that balances French automotive ...
Renault uses #EFDF00 as the primary accent for interactive elements
Carefully selected 8 colors for automotive applications
Uses gradient, monochrome and more
#EFDF00
The brand's signature Pantone — a vivid, saturated yellow used for super-primary CTAs and the highest-priority action buttons. Appears as `--CtaLink-background-color` on `.is-cta-super-primary` class. Carries the energy of the diamond logo
#000000
Primary button background, heading text on light surfaces, and the dominant dark section surface. The structural anchor of the entire interface
#FFFFFF
Primary surface for editorial content, inverted button backgrounds, hero text color, and the dominant light-mode canvas (--rt-color-white)
#F8EB4C
Lighter, warmer variant of Renault Yellow — used for hover/pressed states on yellow CTAs and secondary accent contexts
#1883FD
Link hover color across all link variants — a bright, confident blue that signals interactivity without competing with the yellow brand accent
#D9D9D6
Subtle warm neutral used for disabled states, inactive UI elements, and soft borders — carries a slight warmth that distinguishes it from cold grays
#FFFFFF
Page background, light editorial sections, navigation bar, and footer
#000000
Hero backgrounds, PromoCard dark-mode sections (`is-alternative-mode`), and E-Tech showcase areas
/* Renault Color System */
:root {
--renault-renault-yellow: #EFDF00;
--renault-absolute-black: #000000;
--renault-pure-white: #FFFFFF;
--renault-soft-yellow: #F8EB4C;
--renault-renault-blue: #1883FD;
--renault-warm-gray: #D9D9D6;
--renault-pure-white: #FFFFFF;
--renault-absolute-black: #000000;
}
/* Example usage */
.renault-button-primary {
background-color: var(--renault-renault-yellow);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}BMW's website is automotive engineering made visual — a design system that commu...
Ferrari's website is a digital editorial — a curated magazine where the Prancing...
Lamborghini's website is a cathedral of darkness — a digital stage where jet-bla...
Tesla's website is an exercise in radical subtraction — a digital showroom where...