Спортивная энергия: белый фон, чёрный текст #111111, огромные сжатые заголовки капсом и оранжевый Nike #fa5400. Квадратные фото товаров и кнопки-таблетки.
Движение и напор: каждая строка как рывок со старта.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #ffffff;
--surface: #f5f5f5;
--foreground: #111111;
--muted: #707072;
--accent: #fa5400;
--palette-1: #ffffff;
--palette-2: #f5f5f5;
--palette-3: #111111;
--palette-4: #707072;
--palette-5: #fa5400;
--radius: 0px;
--shadow: none;
--gradient: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);
--font-heading: Nike Futura ND;
--font-body: Helvetica Now Text;
}@theme {
--color-background: #ffffff;
--color-surface: #f5f5f5;
--color-foreground: #111111;
--color-muted: #707072;
--color-accent: #fa5400;
--radius-style: 0px;
--shadow-style: none;
--font-heading: "Nike Futura ND", sans-serif;
--font-body: "Helvetica Now Text", sans-serif;
}{
"name": "nike",
"color": {
"background": "#ffffff",
"surface": "#f5f5f5",
"foreground": "#111111",
"muted": "#707072",
"accent": "#fa5400"
},
"palette": {
"Фон": "#ffffff",
"Подложка": "#f5f5f5",
"Текст": "#111111",
"Вторичный": "#707072",
"Оранжевый": "#fa5400"
},
"radius": "0px",
"shadow": "none",
"gradient": "linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%)",
"font": {
"heading": {
"family": "Nike Futura ND",
"weight": 800,
"tracking": "0em"
},
"body": {
"family": "Helvetica Now Text"
}
}
}