Flying Papers

Исповедь в субботнем утреннем мультфильме

Flying Papers работает как субботний утренний мультфильм, напечатанный на плотной ризографической бумаге: плоская сцена приглушенно-фиолетового цвета, небольшое количество насыщенных цветов, напоминающих конфетти, и настолько крупный шрифт, что он «съедает» область просмотра. Фирменный стиль громкий, дерзкий и бескомпромиссный — он не требует внимания, а привлекает его. Каждый экран должен восприниматься как единый смелый постер: один доминирующий заголовок, одна иллюстрация персонажа, одно действие в тексте и достаточно свободного пространства. Рамки выполняют основную работу вместо теней; цвет используется как краска, а не как данные. Поверхности остаются плоскими, края остаются четкими на уровне 6px, и единственное мягкое в системе — это 100px таблетка на кнопке выхода.

Полноэкранные макеты постеров без ограничений по максимальной ширине. Каждый экран представляет собой единую композицию размером с область просмотра: один массивный заголовок ObviouslyVariable, центрированный или выровненный по левому краю, одна иллюстрация талисмана, перекрывающая текст, и небольшое встроенное действие ниже. Разделы не чередуются в светлом и темном цвете — вся страница располагается на холсте цвета «Сумеречно-фиолетовый», а сверху размещаются однотонные цветные карточки. Навигация представляет собой единый центрированный логотип, без панели меню. Карточки расположены в свободной 2–3-колоночной компоновке с большими промежутками; размер карточек определяется содержанием, а не является одинаковым. Плотность экстремальная: одна идея на экран, окруженная фиолетовым пространством для «дыхания».

Только иллюстрации — никаких фотографий, 3D-рендеров, абстрактных градиентов. Визуальный язык — рисованный от руки мультяшный стиль с толстыми черными контурами (2–3px), плоской заливкой из 2–3 цветов и без затенения. Персонажи — талисманы, взаимодействующие с шрифтом (выглядывают, прислоняются, стоят на букве). Иконки нарисованы линиями черным цветом (Pure) или белым (Bone), толщина линии 1,5–2px. Изображения в первую очередь создают декоративную атмосферу, никогда не объясняют — шрифт передает сообщение, персонаж передает настроение.

Игривый Высокий контраст Минимализм

https://www.flyingpapers.com

Палитра

Бренд

Dusk Violet #8584bd — Основной холст и главный фон — сцена, на которой выступают все остальные цвета.
Hi-Vis Yellow #f4ed36 — Желтый цвет используется для выделения контуров действий, подписей к ссылкам и интерактивных элементов. Не следует использовать его в качестве основного цвета для призывов к действию.
Buttery Yellow #f9cc73 — Дополнительный текст на экране и более мягкие рамки — более сдержанный вариант светоотражающего цвета для случаев, когда светоотражающий цвет был бы излишним.
Lilac Shadow #61609a — Фоновые изображения карточек и блоков — более глубокий фиолетовый цвет для вложенных поверхностей на фиолетовой сцене.

Нейтральные

Bubblegum Pink #f8c1ba — Декоративные бордюры и акцент в виде конфетти — теплый розовый цвет, используемый в умеренных количествах для создания яркого акцента.
Matcha Cream #b5c995 — Декоративные рамки и акцент в виде конфетти — пыльно-зеленый оттенок для второстепенных персонажей открыток.
Magenta Punch #ac4f98 — Дополнительная поверхность для акцентных карточек — предназначена для эффектных блоков, которые должны звучать громче, чем сцена.
Firecracker Red #c94245 — Красная заливка для выделения фона, декоративных полос и мягкого акцента за контентом.
Bone White #f9f5f2 — Тонкие границы, разделители, контуры полей ввода и края карточек на светлых поверхностях. Не используйте этот цвет в качестве основного цвета кнопки призыва к действию.
Ink Black #1a1a1a — Основной текст, основные границы и контуры кнопок — почти черный цвет, используемый для типографической работы на кремовых поверхностях.

Типографика

от 10 до 341px · 8 ступеней

ObviouslyVariable — замена: Founders Grotesk Condensed · начертания 800, 900 · Семейство шрифтов для заголовков и крупных шрифтов — единственный шрифт, достаточно громкий для этой системы. Размеры варьируются от 18px для основного текста до 341px для отображения на плакатах. Плотный межстрочный интервал 0,80–1,00 позволяет многострочным заголовкам располагаться сплошными цветными блоками; функция Calt отключена, поэтому широкие геометрические формы остаются без украшений. Альтернативные варианты: Founders Grotesk Condensed, Knockout или Druk Wide.
DegularVariable — замена: Inter · начертания 400 · Сверхмелкий текст пользовательского интерфейса — навигация, микротекст в нижнем колонтитуле и встроенные подписи в 10px. Нейтральный, универсальный шрифт, который незаметен рядом с основным текстом. Замена: Inter, IBM Plex Sans.
bergen_monoregular — замена: JetBrains Mono · начертания 400, 600 · Моноширинный микрошрифт для навигации, тегов и небольших меток данных — создает ритм пишущей машинки на фоне закругленного экрана. Межстрочный интервал 0,80 в моноширинном шрифте — это фирменный знак: плотно наложенный моноширинный шрифт ощущается как чек. Альтернативные варианты: JetBrains Mono, IBM Plex Mono.

Интервалы и форма

Назначение	Значение
Плотность	плотная
Базовый шаг	17px
Радиус кнопок	100px
Радиус карточек	6px
Тени	нет — границы вместо теней
Между секциями	40px

ИИ соберёт ваш сайт в стиле Flying Papers и наполнит его

Наполнит товарами и постами по ссылке — Instagram, TikTok, Facebook.
Перенесёт контент со старого сайта — достаточно указать адрес.
Современный дизайн на лучшем движке: React (Next.js) с серверным рендерингом и SEO-оптимизацией из коробки.
Полная автоматическая SEO-оптимизация под поисковую выдачу и рекомендации нейросетей.

Создать сайт в этом стиле

Flying Papers

Палитра

Типографика

Интервалы и форма

ИИ соберёт ваш сайт в стиле Flying Papers и наполнит его

Похожие стили