Тёплая бумага #faf9f5, графитовый текст #141413 и глиняно-оранжевый акцент #d97757. Антиква в заголовках, гротеск в тексте, спокойные бежевые плашки.
Вдумчиво и по-человечески: как разговор с внимательным собеседником.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #faf9f5;
--surface: #f0eee6;
--foreground: #141413;
--muted: #73726c;
--accent: #d97757;
--palette-1: #faf9f5;
--palette-2: #f0eee6;
--palette-3: #141413;
--palette-4: #b0aea5;
--palette-5: #d97757;
--radius: 12px;
--shadow: 0 1px 3px rgb(20 20 19 / 0.08);
--gradient: linear-gradient(180deg, #faf9f5 0%, #f0eee6 100%);
--font-heading: Anthropic Serif;
--font-body: Anthropic Sans;
}@theme {
--color-background: #faf9f5;
--color-surface: #f0eee6;
--color-foreground: #141413;
--color-muted: #73726c;
--color-accent: #d97757;
--radius-style: 12px;
--shadow-style: 0 1px 3px rgb(20 20 19 / 0.08);
--font-heading: "Anthropic Serif", serif;
--font-body: "Anthropic Sans", sans-serif;
}{
"name": "claude",
"color": {
"background": "#faf9f5",
"surface": "#f0eee6",
"foreground": "#141413",
"muted": "#73726c",
"accent": "#d97757"
},
"palette": {
"Бумага": "#faf9f5",
"Плашка": "#f0eee6",
"Текст": "#141413",
"Облако": "#b0aea5",
"Глина": "#d97757"
},
"radius": "12px",
"shadow": "0 1px 3px rgb(20 20 19 / 0.08)",
"gradient": "linear-gradient(180deg, #faf9f5 0%, #f0eee6 100%)",
"font": {
"heading": {
"family": "Anthropic Serif",
"weight": 400,
"tracking": "-0.01em"
},
"body": {
"family": "Anthropic Sans"
}
}
}