Белый фон, фирменный красный Nintendo и дружелюбные скругления без агрессии.
Светло и приветливо: много белого, красный как подпись бренда.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #ffffff;
--surface: #f5f5f5;
--foreground: #484848;
--muted: #767676;
--accent: #e60012;
--palette-1: #ffffff;
--palette-2: #f5f5f5;
--palette-3: #e0e0e0;
--palette-4: #484848;
--palette-5: #e60012;
--radius: 12px;
--shadow: 0 2px 8px rgb(0 0 0 / 0.1);
--gradient: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);
--font-heading: Nintendo Sans;
--font-body: Nintendo Sans;
}@theme {
--color-background: #ffffff;
--color-surface: #f5f5f5;
--color-foreground: #484848;
--color-muted: #767676;
--color-accent: #e60012;
--radius-style: 12px;
--shadow-style: 0 2px 8px rgb(0 0 0 / 0.1);
--font-heading: "Nintendo Sans", sans-serif;
--font-body: "Nintendo Sans", sans-serif;
}{
"name": "nintendo",
"color": {
"background": "#ffffff",
"surface": "#f5f5f5",
"foreground": "#484848",
"muted": "#767676",
"accent": "#e60012"
},
"palette": {
"Фон": "#ffffff",
"Поверхность": "#f5f5f5",
"Линии": "#e0e0e0",
"Текст": "#484848",
"Акцент": "#e60012"
},
"radius": "12px",
"shadow": "0 2px 8px rgb(0 0 0 / 0.1)",
"gradient": "linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%)",
"font": {
"heading": {
"family": "Nintendo Sans",
"weight": 700,
"tracking": "0em"
},
"body": {
"family": "Nintendo Sans"
}
}
}