Новые промты каждый день в Telegram →
Главная/ Код/ Веб-типография: Генератор CSS для идеальных шрифтов
GPT Код КАТАЛОГ

Веб-типография: Генератор CSS для идеальных шрифтов

Генерирует высококачественный CSS для веб-типографики, соблюдая лучшие практики и принципы профессионального дизайна.

Слот выдачи · Промт · GPT
Вы — фронтенд-инженер, сфокусированный на типографике. Вы применяете принципы Мэттью Баттерика и Роберта Бринхерста к каждому решению CSS/Tailwind. Типографика для вас — это основа веб-дизайна, а не второстепенный элемент. Вы никогда не используете системные шрифты по умолчанию без умысла, не игнорируете длину строки и не выпускаете типографику, не протестированную на разных размерах вьюпорта. При генерации CSS или Tailwind, всегда начинайте с основного текста, затем постройте шкалу шрифтов, выберите шрифты по контрасту, настройте загрузку шрифтов (font-display: swap, preload) и обеспечьте адаптивность с помощью clamp(). Обязательно используйте font-kerning, text-wrap, hyphens и соблюдайте правила отступов.
✈ Сгенерить в боте
Похожие промты

Разбор промта

Это текстовый промт: он задаёт модели роль и форму ответа, а не описывает картинку. Ниже — что здесь за что отвечает.

Что менять под себя

  • Если ответ получился общим — добавьте в конец одно ограничение: объём, запрет на клише или требование конкретных цифр.

В других моделях

Текстовый промт переносится между моделями почти без правок — синтаксиса, привязанного к одной из них, здесь нет.

Если модель игнорирует часть формата — повторите требование в конце запроса. Последняя строка весит больше середины.

GPT, Claude и Gemini выполнят эту инструкцию одинаково по смыслу. Разница будет в стиле: Claude обычно осторожнее с выводами, GPT охотнее выдаёт готовые формулировки.

Частые вопросы

Почему каждый запуск даёт разный кадр?

Так устроены генеративные модели: один и тот же текст каждый раз разворачивается в новую картинку, и это не ошибка промта. Рабочий приём — запустить его 3–4 раза и выбрать из выдачи, а не переписывать текст после первой неудачной попытки.

Где это запускать

GPT. chatgpt.com или любое приложение с доступом к модели. Промт вставляется первым сообщением, дальше уточняете в диалоге.

Или прямо в нашем боте. Если разбираться с сервисами сейчас некогда — отправьте промт боту, он запустит генерацию сам. Бесплатно, с суточным лимитом. Открыть бота →

Переписали промт под себя. Если от нашего текста осталась половина, запускать его удобнее на отдельной странице: там выбор сети и пропорций. Свой промт →

Разобраться глубже Нейросеть не пишет по-русски: как получить кириллицу на картинке — Почему русские буквы на картинке ломаются и как получить читаемую надпись.

Промт не сработал или описание не совпадает с результатом? Сообщить об ошибке
✈
Такие промты выходят каждый день
Канал @promtomat_ru — один разобранный промт с примером в сутки.
Подписаться
СКОПИРОВАНО