Городок

Дизайн-система городского агрегатора. Терракотовая палитра, тёплые нейтрали, светлая и тёмная темы, RU/EN. Mobile-first, адаптив до десктопа с сайдбарами. Design system for a city aggregator. Terracotta palette, warm neutrals, light & dark themes, RU/EN. Mobile-first, responsive to desktop with sidebars.

ГлавнаяHome ЛистингListing ПрофильProfile ИзбранноеSaved

01 · Цвет01 · Color

Терракота / кирпич — основной бренд. Тёплые «глиняные» нейтрали держат фон. Акцентные оттенки маркируют ниши.Terracotta / brick is the core brand. Warm clay neutrals carry surfaces. Accent hues tag the niches.

Бренд · терракотаBrand · terracotta
50
100
200
300
400
500
600
700
800
900
Тёплые нейтрали · глинаWarm neutrals · clay
50
100
200
300
400
500
600
700
800
900
Семантика поверхностей (текущая тема)Semantic surfaces (current theme)
bg--bg
surface--surface
input--surface-3
brand--brand
brand soft--brand-soft
border--border
Акценты нишNiche accents
ЕдаFood УслугиServices ЖильёRealty ЗдоровьеHealth МагазиныShops СобытияEvents АвтоAuto РаботаJobs

02 · Типографика02 · Typography

Sofia Sans — характерный дисплейный гротеск для заголовков. Onest — чистый UI-шрифт для текста. Оба с полной кириллицей.Sofia Sans — characterful display grotesque for headings. Onest — clean UI face for text. Both full Cyrillic + Latin.

Display / 38Город рядом
H1 / 30Рестораны и кафе
H3 / 20Популярные блюда
Body / 15 · OnestСредиземноморский ресторан с открытой кухней на дровах и террасой в центре города.
Meta / 13 · OnestОткрыто до 23:00 · 0.8 км · $$
LatinThe quick brown fox · 1234567890

03 · Сетка, радиусы, тени03 · Spacing, radii, shadows

Шаг 4pt4pt scale
4
8
12
16
24
32
40
Радиусы и тениRadii & shadows

04 · Кнопки04 · Buttons

05 · Чипы, бейджи, рейтинг05 · Chips, badges, rating

ПопулярноеPopular ОткрытоOpen ВеганVegan
ПродвигаетсяPromoted РекламаAd ОткрытоOpen 4.8 · 1 240

06 · Поля и поиск06 · Inputs & search

Командная строка снизу (стиль Perplexity) раскрывается с подсказками — см. экраны.The bottom command bar (Perplexity-style) expands with suggestions — see screens.

07 · Карточка организации07 · Organization card

ПродвигаетсяPromoted
Терракота
РесторанRestaurant0.8 км
4.8ОткрытоOpenСвязатьсяContact

Городок · дизайн-система v1 · токены в tokens.css, компоненты в components.css Gorodok · design system v1 · tokens in tokens.css, components in components.css