Полноэкранные фото машин, белые и светло-серые поверхности, графитовый текст #171a20 и синяя кнопка #3e6ae1. Минимум элементов, тонкий Universal Sans и почти прямые углы.
Будущее без лишних слов: машина говорит сама за себя.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #ffffff;
--surface: #f4f4f4;
--foreground: #171a20;
--muted: #5c5e62;
--accent: #3e6ae1;
--palette-1: #ffffff;
--palette-2: #f4f4f4;
--palette-3: #171a20;
--palette-4: #5c5e62;
--palette-5: #3e6ae1;
--radius: 4px;
--shadow: none;
--gradient: linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%);
--font-heading: Universal Sans Display;
--font-body: Universal Sans Text;
}@theme {
--color-background: #ffffff;
--color-surface: #f4f4f4;
--color-foreground: #171a20;
--color-muted: #5c5e62;
--color-accent: #3e6ae1;
--radius-style: 4px;
--shadow-style: none;
--font-heading: "Universal Sans Display", sans-serif;
--font-body: "Universal Sans Text", sans-serif;
}{
"name": "tesla",
"color": {
"background": "#ffffff",
"surface": "#f4f4f4",
"foreground": "#171a20",
"muted": "#5c5e62",
"accent": "#3e6ae1"
},
"palette": {
"Фон": "#ffffff",
"Подложка": "#f4f4f4",
"Текст": "#171a20",
"Вторичный": "#5c5e62",
"Синий": "#3e6ae1"
},
"radius": "4px",
"shadow": "none",
"gradient": "linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%)",
"font": {
"heading": {
"family": "Universal Sans Display",
"weight": 500,
"tracking": "-0.01em"
},
"body": {
"family": "Universal Sans Text"
}
}
}