Тёмный антрацит, холодное серебро и широкий гротеск — как на сайтах Porsche и Polestar.
Студийный свет на металле: тёмный фон, крупные фото и холодное серебро.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #0e0f11;
--surface: #1a1c1f;
--foreground: #f2f2f2;
--muted: #8e9196;
--accent: #c9ccd1;
--palette-1: #0e0f11;
--palette-2: #1a1c1f;
--palette-3: #2b2e33;
--palette-4: #8e9196;
--palette-5: #c9ccd1;
--radius: 4px;
--shadow: 0 20px 50px rgb(0 0 0 / 0.55);
--gradient: linear-gradient(180deg, #1a1c1f 0%, #0e0f11 100%);
--font-heading: Porsche Next;
--font-body: Inter;
}@theme {
--color-background: #0e0f11;
--color-surface: #1a1c1f;
--color-foreground: #f2f2f2;
--color-muted: #8e9196;
--color-accent: #c9ccd1;
--radius-style: 4px;
--shadow-style: 0 20px 50px rgb(0 0 0 / 0.55);
--font-heading: "Porsche Next", sans-serif;
--font-body: "Inter", sans-serif;
}{
"name": "automotive-dark",
"color": {
"background": "#0e0f11",
"surface": "#1a1c1f",
"foreground": "#f2f2f2",
"muted": "#8e9196",
"accent": "#c9ccd1"
},
"palette": {
"Антрацит": "#0e0f11",
"Поверхность": "#1a1c1f",
"Линии": "#2b2e33",
"Вторичный": "#8e9196",
"Серебро": "#c9ccd1"
},
"radius": "4px",
"shadow": "0 20px 50px rgb(0 0 0 / 0.55)",
"gradient": "linear-gradient(180deg, #1a1c1f 0%, #0e0f11 100%)",
"font": {
"heading": {
"family": "Porsche Next",
"weight": 600,
"tracking": "0.01em"
},
"body": {
"family": "Inter"
}
}
}