Модульная сетка, чёрный гротеск на белом и сигнальный красный — классика International Typographic Style.
Объективно и чётко: типографика и есть дизайн, красный только для главного.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #ffffff;
--surface: #f2f2f2;
--foreground: #000000;
--muted: #6e6e6e;
--accent: #ff2d1a;
--palette-1: #ffffff;
--palette-2: #f2f2f2;
--palette-3: #d9d9d9;
--palette-4: #000000;
--palette-5: #ff2d1a;
--radius: 0px;
--shadow: none;
--gradient: linear-gradient(180deg, #ffffff 0%, #f2f2f2 100%);
--font-heading: Neue Haas Grotesk;
--font-body: Inter;
}@theme {
--color-background: #ffffff;
--color-surface: #f2f2f2;
--color-foreground: #000000;
--color-muted: #6e6e6e;
--color-accent: #ff2d1a;
--radius-style: 0px;
--shadow-style: none;
--font-heading: "Neue Haas Grotesk", sans-serif;
--font-body: "Inter", sans-serif;
}{
"name": "swiss-editorial",
"color": {
"background": "#ffffff",
"surface": "#f2f2f2",
"foreground": "#000000",
"muted": "#6e6e6e",
"accent": "#ff2d1a"
},
"palette": {
"Фон": "#ffffff",
"Поверхность": "#f2f2f2",
"Линии": "#d9d9d9",
"Текст": "#000000",
"Акцент": "#ff2d1a"
},
"radius": "0px",
"shadow": "none",
"gradient": "linear-gradient(180deg, #ffffff 0%, #f2f2f2 100%)",
"font": {
"heading": {
"family": "Neue Haas Grotesk",
"weight": 700,
"tracking": "-0.04em"
},
"body": {
"family": "Inter"
}
}
}