Светлица

Здесь девочке светло. Светло внутри — светло вокруг.

Цвет

surface#fbf4e6 · #1f1a17Фон страницы — тёплая бумага, никогда не чисто-белый.
surface-raised#f3e8d3 · #2a231fКарточки, плашки, поля форм поверх surface.
line#e4d4b8 · #3d332dТонкие линии, разделители, рамки полей (декоративно).
line-strong#a8916f · #7a6a5cРамки полей ввода и контролов — держит 3:1 на surface.
ink#3b2a25 · #f3e9dcОсновной текст на surface и surface-raised — тёплый тёмно-коричневый вместо чёрного.
ink-muted#6e5b51 · #c4b2a2Вторичный текст, подписи, метаданные на surface и surface-raised.
honey#c8902f · #e0ac4fСвет, мёд — главный цвет бренда. Заливки, знаки, крупные поля; текст на нём — ink (on-honey).
on-honey#3b2a25 · #1f1a17Текст и значки на заливке honey.
honey-ink#8a5f17 · #e6b866Акцент как текст и кнопка: ссылки, главная кнопка (подпись — on-honey-ink) на surface и surface-raised.
on-honey-ink#ffffff · #1f1a17Подпись главной кнопки на заливке honey-ink.
honey-soft#f6e3b8 · #3a2e1aТёплая подложка для цитат, слоганов и выделенных блоков; текст на ней — ink.
sage#4d6c4b · #9cb89bШалфей — рост, природа, дело. Второй цвет бренда; как текст — на surface и sage-soft.
on-sage#ffffff · #1f1a17Текст на заливке sage.
sage-soft#e3ead8 · #26302aПодложка блоков про дело и мастерство; текст — ink или sage.
cornflower#45649f · #93acdeВасилёк — холодный акцент ясности. Редко: ссылки-второй уровень, отметки, линия знака; как текст — на surface.
cornflower-soft#e2e8f3 · #232a38Подложка информационных плашек.
plum#7a4a52 · #d29aa5Слива — ядро системы (женская идентичность). Только для ядра и глубоких акцентов; как текст — на surface.
focus#45649f · #93acdeКольцо фокуса — сплошное 2px, держит 3:1 на обоих surface.

Шрифты

display · 48px/54pxЗдесь девочке светло
h1 · 34px/40pxЗдесь девочке светло
h2 · 26px/32pxЗдесь девочке светло
slogan · 22px/30pxЗдесь девочке светло
lead · 19px/29pxМы не диктуем, какой она должна быть, — мы создаём атмосферу, в которой она узнаёт, какой она может быть.
body · 16px/25pxМы не диктуем, какой она должна быть, — мы создаём атмосферу, в которой она узнаёт, какой она может быть.
label · 13px/18pxМы не диктуем, какой она должна быть, — мы создаём атмосферу, в которой она узнаёт, какой она может быть.
caption · 13px/19pxМы не диктуем, какой она должна быть, — мы создаём атмосферу, в которой она узнаёт, какой она может быть.

Элементы

арка окна
Светло внутри — светло вокруг.

Отступы и скругления

space-1 4px, space-2 8px, space-3 12px, space-4 16px, space-6 24px, space-8 40px, space-10 64px

radius-sm 6px, radius-md 14px, radius-arch 999px

Правила

Светлица — проект взросления девочек 8–12 лет: «Здесь девочке светло». Стиль держит одну мысль — тепло без сладости, нежность без слабости, традиция без лубка, ясность без холода. Он намеренно уходит от трёх ошибок: «девчачьего» (розовый, короны, блёстки), «лубка» (хохлома, кокошники) и языка Школы мужества (чёрный, тёмно-красный, жёсткий гротеск заглавными, PT Sans / PT Serif).

Голос и тексты

Цвет

Шрифты

Форма, отступы, изображения

Знак

Финального логотипа пока нет: имя набирается шрифтом display, цвет ink. Рабочая идея знака — арочное окно, из которого идёт свет (honey, линия cornflower). До утверждения не рисовать вариантов «от себя».

Локальная копия. Живая версия: https://claude.ai/artifact/7AuyEyYQccB1zQh35F3bbq