Светлый сайт PlayStation: чистый белый, насыщенный синий и крупные скруглённые кнопки-пилюли.
Сдержанная премиальность электроники: тонкие заголовки, воздух и один уверенный синий.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #ffffff;
--surface: #f5f7fa;
--foreground: #1f1f1f;
--muted: #6b6b6b;
--accent: #0070d1;
--palette-1: #ffffff;
--palette-2: #f5f7fa;
--palette-3: #1f1f1f;
--palette-4: #0070d1;
--palette-5: #00439c;
--radius: 24px;
--shadow: 0 5px 9px rgb(0 0 0 / 0.08);
--gradient: linear-gradient(180deg, #ffffff 0%, #f5f7fa 100%);
--font-heading: SST;
--font-body: SST;
}@theme {
--color-background: #ffffff;
--color-surface: #f5f7fa;
--color-foreground: #1f1f1f;
--color-muted: #6b6b6b;
--color-accent: #0070d1;
--radius-style: 24px;
--shadow-style: 0 5px 9px rgb(0 0 0 / 0.08);
--font-heading: "SST", sans-serif;
--font-body: "SST", sans-serif;
}{
"name": "playstation",
"color": {
"background": "#ffffff",
"surface": "#f5f7fa",
"foreground": "#1f1f1f",
"muted": "#6b6b6b",
"accent": "#0070d1"
},
"palette": {
"Фон": "#ffffff",
"Поверхность": "#f5f7fa",
"Текст": "#1f1f1f",
"Акцент": "#0070d1",
"Тёмный синий": "#00439c"
},
"radius": "24px",
"shadow": "0 5px 9px rgb(0 0 0 / 0.08)",
"gradient": "linear-gradient(180deg, #ffffff 0%, #f5f7fa 100%)",
"font": {
"heading": {
"family": "SST",
"weight": 300,
"tracking": "-0.01em"
},
"body": {
"family": "SST"
}
}
}