Тёмная оболочка Epic, узкие высокие заголовки Burbank и небесно-голубой акцент.
Громкие заголовки на спокойном тёмном фоне: энергия в типографике, а не в цвете.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #101014;
--surface: #202024;
--foreground: #ffffff;
--muted: #a6a6a8;
--accent: #61cdff;
--palette-1: #101014;
--palette-2: #202024;
--palette-3: #61cdff;
--palette-4: #f2d600;
--palette-5: #ffffff;
--radius: 4px;
--shadow: 0 10px 24px rgb(0 0 0 / 0.45);
--gradient: linear-gradient(180deg, #202024 0%, #101014 100%);
--font-heading: Burbank Big Condensed;
--font-body: Inter;
}@theme {
--color-background: #101014;
--color-surface: #202024;
--color-foreground: #ffffff;
--color-muted: #a6a6a8;
--color-accent: #61cdff;
--radius-style: 4px;
--shadow-style: 0 10px 24px rgb(0 0 0 / 0.45);
--font-heading: "Burbank Big Condensed", sans-serif;
--font-body: "Inter", sans-serif;
}{
"name": "fortnite",
"color": {
"background": "#101014",
"surface": "#202024",
"foreground": "#ffffff",
"muted": "#a6a6a8",
"accent": "#61cdff"
},
"palette": {
"Фон": "#101014",
"Поверхность": "#202024",
"Акцент": "#61cdff",
"Жёлтый": "#f2d600",
"Текст": "#ffffff"
},
"radius": "4px",
"shadow": "0 10px 24px rgb(0 0 0 / 0.45)",
"gradient": "linear-gradient(180deg, #202024 0%, #101014 100%)",
"font": {
"heading": {
"family": "Burbank Big Condensed",
"weight": 900,
"tracking": "0.01em"
},
"body": {
"family": "Inter"
}
}
}