← К неделе 5

Домашка.
Единый стиль проекта

Дедлайн: 17 июля, 23:59 МСК
Ожидает проверки

Что сделаешь

Соберёшь design.md своего проекта и оформишь по нему все страницы — по приёмам из лонгрида. Единый вид вместо разнобоя.

Результат: файл design.md и оформленный прототип.

Шаги

1 Выбери референс — один

Файл из каталога (designmd.co, designmd.ai, awesome-design-md), чужой сайт или собери с нуля. Где искать и как снять стиль с сайта — в лонгриде.

2 Собери design.md

Промпт из лонгрида. Сохрани ответ в design.md.

Составь design.md для учебного проекта про [тема]. Разделы: референс (одна строка — на что похож стиль); палитра — цвета с hex и ролями (фон, текст, акцент, приглушённый); типографика — шрифты для заголовков и текста, размеры H1/H2/текста/подписи; отступы — базовый шаг; форма — скругления, тени, рамки; компоненты — кнопка, карточка, блок задания, поле ввода; можно/нельзя — запреты. Кратко, маркированными списками. Сохрани в design.md.
3 Оформи проект

К каждому запросу «оформи» прикладывай design.md. Начни с главного экрана, дальше остальные страницы.

Оформи этот экран по design.md (прикладываю). Цвета, шрифты и компоненты — только из файла.
4 Прогони само-ревизию

Отдельным запросом после оформления. Потом открой проект с телефона — проверь, что ничего не съехало.

Найди в этом экране шаблонные ИИ-решения — дефолтные цвета, одинаковые карточки, лишние тени — и предложи замену.
5 Правь точечно

Не «переделай дизайн», а «поменяй только цвет кнопок». Что-то съехало — скриншот с пометкой: «вот тут кнопка вылезла за карточку — почини».

Пока оформляешь, помни

  • design.md прикладывай к каждому «оформи», иначе стиль скачет от экрана к экрану.
  • Референс один на проект: чем больше источников, тем труднее свести их в цельный стиль.
  • Первый вариант — самый шаблонный. Проси 2–3 разных и выбирай.
  • Запрещай дефолты прямо: «без градиентов, без эмодзи вместо иконок».

Проверь себя

Отметь, что сделано.

Собран design.md: референс, палитра, типографика, отступы, форма, компоненты, запреты.
Референс один, не смесь из нескольких источников.
Все страницы оформлены по design.md, стиль не скачет.
Само-ревизия пройдена, шаблонные решения заменены.
Акцентный цвет один — на важном и кликабельном.
С телефона всё открывается, ничего не съехало.

Как сдать

Дедлайн: 17 июля, 23:59 МСК.

  • Файл design.md.
  • Оформленный прототип — файл .html.

Отправь в папку «Домашки» в Telegram. Куратор проверит и поставит статус «Проверено» — на странице он обновится сам.

Сдать в папку «Домашки» →