Кремовый фон #fffef2, тёплый тёмно-серый текст, земляные коричневые оттенки и янтарные флаконы на фото. Спокойная антиква и гротеск, прямые углы и много воздуха.
Тихая роскошь аптеки-библиотеки: медленно и вдумчиво.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #fffef2;
--surface: #f6f5e8;
--foreground: #333333;
--muted: #666666;
--accent: #6d5b45;
--palette-1: #fffef2;
--palette-2: #f6f5e8;
--palette-3: #333333;
--palette-4: #666666;
--palette-5: #6d5b45;
--radius: 0px;
--shadow: none;
--gradient: linear-gradient(180deg, #fffef2 0%, #f6f5e8 100%);
--font-heading: Zapf Humanist;
--font-body: Suisse Int'l;
}@theme {
--color-background: #fffef2;
--color-surface: #f6f5e8;
--color-foreground: #333333;
--color-muted: #666666;
--color-accent: #6d5b45;
--radius-style: 0px;
--shadow-style: none;
--font-heading: "Zapf Humanist", serif;
--font-body: "Suisse Int'l", sans-serif;
}{
"name": "aesop",
"color": {
"background": "#fffef2",
"surface": "#f6f5e8",
"foreground": "#333333",
"muted": "#666666",
"accent": "#6d5b45"
},
"palette": {
"Крем": "#fffef2",
"Бумага": "#f6f5e8",
"Текст": "#333333",
"Вторичный": "#666666",
"Земля": "#6d5b45"
},
"radius": "0px",
"shadow": "none",
"gradient": "linear-gradient(180deg, #fffef2 0%, #f6f5e8 100%)",
"font": {
"heading": {
"family": "Zapf Humanist",
"weight": 400,
"tracking": "0em"
},
"body": {
"family": "Suisse Int'l"
}
}
}