Flying Papers
Ишемби күнү эртең мененки мультфильмдеги моюнга алуу
"Flying Papers" калың ризограф кагазына басылган ишемби күнү эртең мененки мультфильм сыяктуу иштейт: жалпак, күңүрт кочкул кызыл көрүнүш, каныккан, конфетти сыяктуу түстөрдүн аралашмасы жана көрүү аймагын ээлеп тургандай чоң шрифт. Бренд катуу, калың жана компромисссиз — ал көңүл бурууну талап кылбайт, тескерисинче, аны өзүнө тартат. Ар бир экран бир, калың плакат сыяктуу сезилиши керек: бир басымдуу аталыш, бир каарман иллюстрациясы, тексттеги бир аракет жана көп ак мейкиндик. Рамкалар иштин негизги бөлүгүн аткарып, көлөкөлөрдү алмаштырат; түс маалымат катары эмес, боёк катары колдонулат. Беттер жалпак бойдон калат, четтери 6 пиксельде курч бойдон калат жана системадагы жалгыз жумшак жер - чыгуу баскычындагы 100 пиксель таблетка.
Толук экрандуу плакаттардын макеттери максималдуу туурасы боюнча чектөөлөрсүз. Ар бир экран көрүү терезесинин өлчөмүндөгү бир композициядан турат: борбордо же солго тегизделген бир чоң "ElbetdeVariable" аталышы, тексттин үстүнө дал келген бир гана талисман иллюстрациясы жана төмөндө кичинекей сап ичиндеги аракет. Бөлүмдөр ачык жана караңгы түстөрдүн ортосунда алмашып турбайт — бүтүндөй баракча "Күүгүм кызгылт көк" полотносуна жайгаштырылган, анын үстүнө бир түстүү карталар коюлган. Навигация - бул меню тилкеси жок, бир борборлуу логотип. Карталар кең науалары бар 2-3 тилкелүү жайгашууда жайгаштырылган; карталардын өлчөмдөрү бирдей эмес, мазмуну менен аныкталат. Тыгыздык өтө жогору: ар бир экранда бир идея, кызгылт көк дем алуучу мейкиндик менен курчалган.
Иллюстрациялар гана — сүрөттөр, 3D рендерлер же абстракттуу градиенттер жок. Визуалдык тил — калың кара контурлары (2–3 пиксель), 2–3 түстөгү жалпак толтуруулары жана көлөкөсү жок кол менен тартылган мультфильм стили. Каармандар — шрифт менен өз ара аракеттенген (сыртка карап, жөлөнүп же тамганын үстүндө турган) талисмандар. Иконалар кара (Таза) же ак (Сөөк) сызыктар менен тартылып, сызыктын туурасы 1,5–2 пиксель. Сүрөттөр негизинен декоративдик атмосфераны жаратат, эч качан түшүндүрбөйт — шрифт билдирүүнү, каарман маанайды билдирет.
Түстөр палитрасы
Бренд
- 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дон 341 пикселге чейин · 8 кадам
- ObviouslyVariable — алмаштыруу: Founders Grotesk Condensed · контурлар 800, 900 · Бул шрифт үй-бүлөсү аталыштар жана чоң басылмалар үчүн бул система үчүн жетиштүү деңгээлде катуу шрифт болуп саналат. Өлчөмдөрү негизги текст үчүн 18 пикселден плакаттарды көрсөтүү үчүн 341 пикселге чейин. 0,80–1,00 тыгыз сап аралыгы көп саптуу аталыштарды түстүү блоктор катары көрсөтүүгө мүмкүндүк берет; Calt функциясы өчүрүлгөн, ошондуктан кең геометриялык фигуралар кооздолбой калат. Альтернативалар: Founders Grotesk Condensed, Knockout же Druk Wide.
- DegularVariable — алмаштыруу: Inter · контурлар 400 · Өтө кичинекей UI тексти — навигация, төмөнкү колонтитулдун микрокөчүрмөсү жана 10 пиксель өлчөмүндөгү саптагы энбелгилер. Нейтралдуу, ар тараптуу шрифт, ал негизги текст менен кемчиликсиз айкалышат. Алмаштыруулар: 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 шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
- Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
- Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана SEO оптималдаштыруу менен React ( Next.js).
- Издөө натыйжалары жана нейрон тармактарынын сунуштары үчүн толугу менен автоматташтырылган SEO оптималдаштыруу.
Окшош стилдер
- Navigate — Тактага чапталган чоң стикерлер топтому: чоң гротеск шрифти, баары планшет түрүндө жана логотип сыяктуу кайталанган беш түстүү сөлөкөт
- Hatch — Кол менен тартылган, самиздат стилиндеги дизайн пастел момпосуй идиштери менен аралаштырылган. Жалбыз түстүү акценттер, конфетти чекиттери жана таблетка сымал чакырыктар менен кооздолгон каймак түстүү кагаз кенеп, анда чоң, коюу сериф шрифти көңүл ачууну билдирет, ал эми бурчта көк талисман көз кысат.
- Wonder — Неон кочкул кызыл түстөгү буйрук борбору - бул бир гана лазер-кызгылт көк жарык булагы менен тешилген терең кара өрүк караңгылыгы.
- Duolingo — Ак кагаздагы ойноок класстын талисманы
- Family — Каймак пергаментке жазылган жомоктон үзүндү
- Visitors — ак инженердик чийме
- Say Briefly — Каймак кагазга басылган чыгармачыл агенттиктин эскиз китеби
- Superpower — Биолюминесценттик ден соолукту башкаруу борбору
- Dopper — Күн нуруна малынган, каймак түстүү, ачык көк агымы бар лагуна. Жылуу, беж түстүү мейкиндик, ал жерде бир гана ачык көк канал жана кристаллдай тунук, момпосуй сымал открыткалар мейкиндикти суудагы күн нурундай кесип өтөт.
- Dock — Күн нурунан жасалган крем кагаз, кобальт импульсу
- Portrait — Каймак түстүү кагазга Полароиддер менен тартылган эскерүүлөр дубалы. Кочкул көк сыя жалгыз текст, жалгыз структуралык сызыктар жана жалгыз алкак түсү катары кызмат кылган ачык каймак түстүү альбом — "Каттоо" баскычында жана курсив менен белгиленген "түбөлүккө" деген сөздө бир жолу пайда болгон, бирок эч качан кайталанбаган бир кол менен тартылган асан-үсөн менен.
- Quizlet — Класс ак фондо ар кандай түстөр менен кооздолгон - тынч парта, анын артында төрт пастел түстөгү открытка муздак боз дубалдардын жана индиго маркери менен жасалган жалгыз белгинин фонунда жалгыз жаркыраган акцент болуп саналат.