Журнальная вёрстка на белом: крупные плотные заголовки, чёрный текст, узкая колонка статьи и жёлтый маркер как редкий акцент. Иллюстрации вместо декора, почти без теней.
Честный журнал о деньгах: текст на первом месте, крупно и спокойно.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #ffffff;
--surface: #f6f7f8;
--foreground: #000000;
--muted: #6f6f6f;
--accent: #ffdd2d;
--palette-1: #ffffff;
--palette-2: #f6f7f8;
--palette-3: #000000;
--palette-4: #6f6f6f;
--palette-5: #ffdd2d;
--radius: 12px;
--shadow: none;
--gradient: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
--font-heading: Tinkoff Sans;
--font-body: Haas Grot Text;
}@theme {
--color-background: #ffffff;
--color-surface: #f6f7f8;
--color-foreground: #000000;
--color-muted: #6f6f6f;
--color-accent: #ffdd2d;
--radius-style: 12px;
--shadow-style: none;
--font-heading: "Tinkoff Sans", sans-serif;
--font-body: "Haas Grot Text", sans-serif;
}{
"name": "t-journal",
"color": {
"background": "#ffffff",
"surface": "#f6f7f8",
"foreground": "#000000",
"muted": "#6f6f6f",
"accent": "#ffdd2d"
},
"palette": {
"Фон": "#ffffff",
"Подложка": "#f6f7f8",
"Текст": "#000000",
"Вторичный": "#6f6f6f",
"Жёлтый маркер": "#ffdd2d"
},
"radius": "12px",
"shadow": "none",
"gradient": "linear-gradient(180deg, #ffffff 0%, #fafafa 100%)",
"font": {
"heading": {
"family": "Tinkoff Sans",
"weight": 800,
"tracking": "-0.03em"
},
"body": {
"family": "Haas Grot Text"
}
}
}