Flying Papers
Споведзь у суботнім ранішнім мультфільме
Flying Papers працуе як суботні ранішні мультфільм, надрукаваны на шчыльнай рызаграфічнай паперы: плоская сцэна прыглушана-фіялетавага колеру, невялікая колькасць насычаных кветак, якія нагадваюць канфеці, і настолькі буйны шрыфт, што ён "з'ядае" вобласць прагляду. Фірмовы стыль гучны, дзёрзкі і бескампрамісны - ён не патрабуе ўвагі, а прыцягвае яго. Кожны экран павінен успрымацца як адзіны смелы постэр: адзін дамінуючы загаловак, адна ілюстрацыя персанажа, адно дзеянне ў тэксце і дастаткова вольнай прасторы. Рамкі выконваюць асноўную працу замест ценяў; колер выкарыстоўваецца як фарба, а не як дадзеныя. Паверхні застаюцца плоскімі, краі застаюцца выразнымі на ўзроўні 6px, і адзінае мяккае ў сістэме - гэта 100px таблетка на кнопцы выхаду.
Поўнаэкранныя макеты постэраў без абмежаванняў па максімальнай шырыні. Кожны экран уяўляе сабой адзіную кампазіцыю памерам з вобласць прагляду: адзін масіўны загаловак ObviouslyVariable, цэнтраваны або выраўнаваны па левым краі, адна ілюстрацыя талісмана, якая перакрывае тэкст, і невялікае ўбудаванае дзеянне ніжэй. Часткі не чаргуюцца ў светлым і цёмным колеры - уся старонка размяшчаецца на палатне колеру «Змрочна-фіялетавы», а зверху размяшчаюцца аднатонныя каляровыя карткі. Навігацыя ўяўляе сабой адзіны цэнтраваны лагатып, без панэлі меню. Карткі размешчаны ў свабоднай 2-3-калонкавай кампаноўцы з вялікімі прамежкамі; памер картак вызначаецца зместам, а не з'яўляецца аднолькавым. Шчыльнасць экстрэмальная: адна ідэя на экран, акружаная фіялетавай прасторай для "дыхання".
Толькі ілюстрацыі – ніякіх фатаграфій, 3D-рэндэраў, абстрактных градыентаў. Візуальная мова - маляваны ад рукі мульцяшны стыль з тоўстымі чорнымі контурамі (2-3px), плоскай заліваннем з 2-3 колераў і без зацянення. Персанажы - талісманы, якія ўзаемадзейнічаюць са шрыфтам (выглядаюць, прыхінаюцца, стаяць на літары). Абразкі намаляваны лініямі чорным колерам (Pure) ці белым (Bone), таўшчыня лініі 1,5-2px. Выявы ў першую чаргу ствараюць дэкаратыўную атмасферу, ніколі не тлумачаць — шрыфт перадае паведамленне, персанаж перадае настрой.
Палітра
Брэнд
- 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-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- Navigate — Вялікі набор стыкераў, прымацаваны да дошкі: буйны гратэскавы шрыфт, усё ў выглядзе таблетак і пяць рознакаляровых абразкоў, якія паўтараюцца як лагатып
- Hatch — Малюнак ад рукі ў стылі самвыду, змяшаны з пастэльнымі цукерніцамі. Палатно з крэмавай паперы, упрыгожанае мятнымі акцэнтамі, кропкамі-канфеці і заклікамі да дзеяння ў форме таблетак, дзе буйны, смелы шрыфт з засечкамі намякае на весялосць, а сіні талісман падміргвае ў куце.
- Wonder — Неонава-фіялетавы камандны цэнтр - глыбокая калючая цемра, працятая адзінай лазерна-фіялетавай крыніцай святла
- Duolingo — Гуллівы талісман класа на белай паперы
- Family — Разварот з казкі на крэмавым пергаменце
- Visitors — белы інжынерны чарцёж
- Say Briefly — Скетчбук крэатыўнага агенцтва на крэмавай паперы
- Superpower — Біялюмінесцэнтны цэнтр кіравання аховай здароўя
- Dopper — Залітая сонцам крэмавая лагуна з яркай сіняй плынню. Цёплая бэжавая роўнядзь, дзе адзін ярка-сіні канал і крышталёва чыстыя, як цукеркі, карткі праразаюць прастору, нібы сонечнае святло на вадзе
- Dock — Залітая сонцам крэмавая папера, кобальтавы імпульс
- Portrait — Сцяна ўспамінаў, захаваных на палароідных здымках, на крэмавай паперы. Яркі, крэмавы альбом для выразак, дзе цёмна-сінія чарнілы служаць адзіным тэкстам, адзінымі структурнымі лініямі і адзіным колерам рамкі — з адзінай намаляванай ад рукі вясёлкай, якая з'яўляецца адзін раз, на кнопцы «Зарэгістравацца» і на вылучаным курсівам слове «назаўжды», і больш ніколі
- Quizlet — Класны пакой аформлены ў розных каляровых танах на белым фоне - ціхі пісьмовы стол, за якім чатыры пастэльныя карткі з'яўляюцца адзіным яркім акцэнтам на фоне халодных шэрых сцен і адзінай адзнакі індыгавым маркерам.