Узкий промпт только про шрифты: запрещённые гарнитуры, готовые пары по стилю и контраст размеров и начертаний.
Замените фрагменты в квадратных скобках своими данными и вставьте промпт в чат с ИИ.
Значения сразу появятся в превью, коде и при копировании.
<use_interesting_fonts> Сверстай [СТРАНИЦА ИЛИ КОМПОНЕНТ] и начни с типографики — она сразу показывает уровень продукта. Не используй скучные, безликие шрифты. Никогда не используй: Inter, Roboto, Open Sans, Lato, системные шрифты по умолчанию. Сильные варианты по стилю: - эстетика кода: JetBrains Mono, Fira Code, Space Grotesk; - редакционный стиль: Playfair Display, Crimson Pro, Fraunces; - стартап: Clash Display, Satoshi, Cabinet Grotesk; - технический: семейство IBM Plex, Source Sans 3; - самобытный: Bricolage Grotesque, Obviously, Newsreader. Принцип пары: высокий контраст — это интересно. Акцидентный шрифт + моноширинный, антиква + геометрический гротеск, одна вариативная гарнитура в крайних начертаниях. Используй крайности: начертания 100–200 против 800–900, а не 400 против 600. Скачки размеров в 3 раза и больше, а не в 1,5. Выбери один выразительный шрифт и применяй его решительно. Подключи его из Google Fonts. Сначала назови свой выбор и объясни его одним предложением, потом пиши код. Проверь поддержку кириллицы: [НУЖНА КИРИЛЛИЦА — да или нет]. </use_interesting_fonts>
```text <use_interesting_fonts> Сверстай [СТРАНИЦА ИЛИ КОМПОНЕНТ] и начни с типографики — она сразу показывает уровень продукта. Не используй скучные, безликие шрифты. Никогда не используй: Inter, Roboto, Open Sans, Lato, системные шрифты по умолчанию. Сильные варианты по стилю: - эстетика кода: JetBrains Mono, Fira Code, Space Grotesk; - редакционный стиль: Playfair Display, Crimson Pro, Fraunces; - стартап: Clash Display, Satoshi, Cabinet Grotesk; - технический: семейство IBM Plex, Source Sans 3; - самобытный: Bricolage Grotesque, Obviously, Newsreader. Принцип пары: высокий контраст — это интересно. Акцидентный шрифт + моноширинный, антиква + геометрический гротеск, одна вариативная гарнитура в крайних начертаниях. Используй крайности: начертания 100–200 против 800–900, а не 400 против 600. Скачки размеров в 3 раза и больше, а не в 1,5. Выбери один выразительный шрифт и применяй его решительно. Подключи его из Google Fonts. Сначала назови свой выбор и объясни его одним предложением, потом пиши код. Проверь поддержку кириллицы: [НУЖНА КИРИЛЛИЦА — да или нет]. </use_interesting_fonts> ```
{
"messages": [
{
"role": "user",
"content": "<use_interesting_fonts>\nСверстай [СТРАНИЦА ИЛИ КОМПОНЕНТ] и начни с типографики — она сразу показывает уровень продукта. Не используй скучные, безликие шрифты.\n\nНикогда не используй: Inter, Roboto, Open Sans, Lato, системные шрифты по умолчанию.\n\nСильные варианты по стилю:\n- эстетика кода: JetBrains Mono, Fira Code, Space Grotesk;\n- редакционный стиль: Playfair Display, Crimson Pro, Fraunces;\n- стартап: Clash Display, Satoshi, Cabinet Grotesk;\n- технический: семейство IBM Plex, Source Sans 3;\n- самобытный: Bricolage Grotesque, Obviously, Newsreader.\n\nПринцип пары: высокий контраст — это интересно. Акцидентный шрифт + моноширинный, антиква + геометрический гротеск, одна вариативная гарнитура в крайних начертаниях.\n\nИспользуй крайности: начертания 100–200 против 800–900, а не 400 против 600. Скачки размеров в 3 раза и больше, а не в 1,5.\n\nВыбери один выразительный шрифт и применяй его решительно. Подключи его из Google Fonts. Сначала назови свой выбор и объясни его одним предложением, потом пиши код.\nПроверь поддержку кириллицы: [НУЖНА КИРИЛЛИЦА — да или нет].\n</use_interesting_fonts>"
}
]
}