Карточка 1. Приветствие и настрой Заголовок: «Кожа без стресса: начнём с простого» Текст: Уход за кожей — это не про сложные ритуалы, а про бережное отношение к себе.…

Question

Задача · 7 класс Задача №3801034

А

Аноним

8 часов назад · публичный вопрос

А

Аноним 8 часов назад

Карточка 1. Приветствие и настрой Заголовок: «Кожа без стресса: начнём с простого» Текст: Уход за кожей — это не про сложные ритуалы, а про бережное отношение к себе.…

Запрос пользователя

**Карточка 1. Приветствие и настрой** **Заголовок:** «Кожа без стресса: начнём с простого» **Текст:** Уход за кожей — это не про сложные ритуалы, а про бережное отношение к себе. Главное — регулярность, а не дорогие средства. 😊 **Дизайн:** Фон — пудровый. В левом верхнем углу — минималистичная иконка улыбающегося лица. Заголовок жирным шрифтом Inter, 24 pt, текст — 16 pt. **Карточка 2. Очищение** **Заголовок:** «Очищай правильно» **Текст:** Умывайся дважды в день мягкой пенкой или гелем без спирта и агрессивных отдушек. Не трите кожу полотенцем — промакивайте. 🧼 **Дизайн:** Фон — светло-голубой. В правом нижнем углу — плоская иконка пузырьков или мягкой губки. Рамка мятного цвета толщиной 2 px. **Карточка 3. Увлажнение** **Заголовок:** «Не бойся увлажнять» **Текст:** Даже жирная кожа нуждается в увлажнении. Выбирай лёгкие кремы с пометкой «некомедогенно». 💧 **Дизайн:** Фон — бежевый. В углу — иконка капли воды. Текст тёмно-серый (#333333) для мягкого контраста. **Карточка 4. Защита от солнца** **Заголовок:** «SPF — это обязательно» **Текст:** Каждый день наноси средство с SPF 30+ (даже в пасмурную погоду). Это защищает от пигментации и воспалений. ☀️ **Дизайн:** Фон — мятный. В центре сверху — маленькое плоское солнце с лучами. Заголовок выделен полужирным начертанием. **Карточка 5. Про прикосновения** **Заголовок:** «Руки прочь от лица!» **Текст:** Не трогай лицо грязными руками и не выдавливай прыщи: это усиливает воспаления и может оставить рубцы. 🙅‍♂️ **Дизайн:** Фон — светло-серый. Иконка перечеркнутой руки или стоп-знак в правом верхнем углу. Рамка кораллового цвета для привлечения внимания. **Карточка 6. Про быт** **Заголовок:** «Чистота вокруг тебя» **Текст:** Меняй наволочку раз в 4–5 дней, протирай экран телефона и наушники. Меньше бактерий — меньше воспалений. 📱 **Дизайн:** Фон — пастельный жёлтый. Иконка смартфона или подушки в левом нижнем углу. Текст выровнен по левому краю. **Карточка 7. Про ошибки** **Заголовок:** «Чего лучше не делать» **Текст:** Избегай спиртовых лосьонов, жёстких скрабов и «народных» масок из соды и лимона — они разрушают защитный барьер кожи. ❌ **Дизайн:** Фон — нежно-лавандовый. Крупная иконка крестика (X) в центре карточки, полупрозрачная. Заголовок — 22 pt. **Карточка 8. Про помощь** **Заголовок:** «Когда идти к врачу» **Текст:** Если высыпания сильные или долго не проходят, обратись к дерматологу. Специалист подберёт правильный уход и лечение. 👩‍⚕️ **Дизайн:** Фон — светло-бирюзовый. Иконка стетоскопа или медицинского креста в углу. Рамка тёмно-бирюзового цвета. **Технические рекомендации для Студии:** * **Сетка:** используйте модульную сетку 8 px для отступов, чтобы текст не прилипал к краям. * **Шрифты:** заголовки (Inter Bold, 20–24 pt), основной текст (Inter Regular, 14–16 pt). * **Адаптивность:** проверяйте читаемость на мобильных экранах — заголовок не должен занимать более двух строк. * **Экспорт:** сохраняйте карточки в формате PNG для соцсетей и SVG, если планируете печатать их как раздаточные материалы. нарисуй

Ответ нейросети

8 часов назад

Коротко

Картинку-файл я не рисую, но могу дать готовый макет в коде SVG — его достаточно сохранить как card-01.svg и открыть в браузере, Canva, Figma или Студии. Ниже — рабочий шаблон первой карточки и точные параметры для остальных семи, чтобы набор получился единым.

Принцип, по которому собирается вся серия

Один холст для всех карточек: 1080 × 1080 px (квадрат для соцсетей). Число 1080 делится на 8 без остатка, поэтому сетка 8 px ложится идеально.
Пересчёт кеглей. В ТЗ указаны размеры для маленькой карточки (~360 px). При увеличении до 1080 px берите коэффициент 3, а пункты переводите в пиксели по правилу \(1\,\text{pt} = \tfrac{4}{3}\,\text{px}\): \[ 24\,\text{pt} \times \tfrac{4}{3} \times 3 = 96\,\text{px}, \qquad 16\,\text{pt} \times \tfrac{4}{3} \times 3 = 64\,\text{px} \] Практично взять 88 px для заголовка и 52 px для текста — так заголовок гарантированно укладывается в две строки.
Поля 64 px (восемь модулей) со всех сторон — «воздух», из-за которого текст не прилипает к краям.
Иерархия сверху вниз: иконка → заголовок → текст. Взгляд читателя идёт по этой лесенке, поэтому иконку не ставят рядом с текстом, а выносят в угол.
Один акцент на карточку: либо цветная рамка, либо крупная иконка, либо необычный фон. Если включить всё сразу, карточка «кричит».

Готовый SVG — карточка 1

<svg xmlns="http://www.w3.org/2000/svg" width="1080" height="1080"
     viewBox="0 0 1080 1080" font-family="Inter, 'Segoe UI', Arial, sans-serif">
  <rect width="1080" height="1080" fill="#F3E3DE"/>

  <!-- иконка «улыбка»: 96×96, отступ 64 -->
  <g transform="translate(64 64)" fill="none" stroke="#1F1F1F"
     stroke-width="6" stroke-linecap="round">
    <circle cx="48" cy="48" r="42"/>
    <circle cx="34" cy="40" r="4.5" fill="#1F1F1F" stroke="none"/>
    <circle cx="62" cy="40" r="4.5" fill="#1F1F1F" stroke="none"/>
    <path d="M30 58 Q48 76 66 58"/>
  </g>

  <!-- заголовок: Inter Bold, 88 px -->
  <g fill="#1F1F1F" font-size="88" font-weight="700">
    <text x="64" y="464">Кожа без стресса:</text>
    <text x="64" y="568">начнём с простого</text>
  </g>

  <!-- текст: Inter Regular, 52 px, интерлиньяж 76 -->
  <g fill="#333333" font-size="52" font-weight="400">
    <text x="64" y="704">Уход за кожей — это не про сложные</text>
    <text x="64" y="780">ритуалы, а про бережное отношение</text>
    <text x="64" y="856">к себе. Главное — регулярность,</text>
    <text x="64" y="932">а не дорогие средства.</text>
  </g>
</svg>

Эмодзи в SVG зависит от шрифтов системы и часто «ломается» — вставляйте их уже в редакторе или просто уберите.

Параметры для карточек 2–8

Меняйте в шаблоне только эти значения — стиль останется единым.

№	Фон	Рамка (8 px, внутри холста)	Иконка и место
2	`#E1EFF7`	`#4FBFAA`	пузырьки, правый нижний (x ≈ 920, y ≈ 920)
3	`#F2E6D8`	—	капля, правый верхний; текст `#333333`
4	`#CDEBDD`	—	солнце сверху по центру; заголовок `font-weight="600"`
5	`#ECECEC`	`#FF6F61`	стоп-знак, правый верхний
6	`#FBF3CF`	—	смартфон, левый нижний
7	`#E5DFF5`	—	крестик в центре, `opacity="0.15"`; заголовок 80 px
8	`#D6EEF0`	`#1F7A78`	медкрест, угол

Рамку рисуйте вписанной внутрь, иначе половина толщины срежется краем: <rect x="8" y="8" width="1064" height="1064" fill="none" stroke="#4FBFAA" stroke-width="8"/>

Проверка макета

Контраст. Тёмно-серый #333333 на пудровом фоне даёт примерно \(10{:}1\) — это выше нормы \(4{,}5{:}1\), читать легко. Если поставить светло-серый текст на бежевый, контраст упадёт до \(2{:}1\) — так делать нельзя.
Длина строки заголовка. 88 px при ширине текстового блока 952 px дают около 20–22 знаков в строке — значит, заголовок укладывается в две строки, как требует ТЗ.
Иконки. Перечёркнутую руку и стетоскоп рисовать вручную долго — берите из бесплатных наборов Feather или Lucide и указывайте одинаковую толщину обводки (6 px), иначе серия «рассыплется».
Экспорт. PNG 1080 × 1080 (и 2160 × 2160 для печати), плюс исходный SVG — он масштабируется без потерь.