Flying Papers
Сенбі таңертеңгі мультфильмдегі мойындау
«Flying Papers» қалың ризограф қағазына басылған сенбі таңертеңгі мультфильм сияқты жұмыс істейді: жалпақ, күңгірт күлгін көрініс, қаныққан, конфетти тәрізді түстердің іздері және көру аймағын алып кететіндей үлкен қаріп. Брендтеу қатты, батыл және ымырасыз - ол назар аударуды қажет етпейді, керісінше тартады. Әрбір экран бірыңғай, батыл постер сияқты сезілуі керек: бір басым тақырып, бір кейіпкер иллюстрациясы, мәтіндегі бір әрекет және көп ақ кеңістік. Жұмыстың негізгі бөлігін жақтаулар жасайды, көлеңкелерді ауыстырады; түс деректер емес, бояу ретінде қолданылады. Беттер тегіс болып қалады, жиектері 6 пиксельде айқын сақталады, ал жүйедегі жалғыз жұмсақ нүкте - шығу түймесіндегі 100 пиксель таблеткасы.
Ені бойынша шектеулерсіз толық экранды постер орналасуы. Әрбір экран - қарау терезесінің өлшеміндегі бір ғана композиция: ортасында немесе солға тураланған бір үлкен ObjectiveVariable тақырыбы, мәтінді қабаттасатын бір тұмар иллюстрациясы және төменде шағын жол ішіндегі әрекет. Бөлімдер ашық және қою түстер арасында ауыспайды - бүкіл бет Twilight Purple кенепте орналасқан, үстіне бір түсті карталар қойылған. Навигация - мәзір жолағы жоқ бір орталық логотип. Карталар кең науалары бар 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 · Өте кішкентай интерфейс мәтіні — навигация, төменгі колонтитулдың микрокөшірмесі және 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 — Сынып ақ фонда әртүрлі түстермен безендірілген - тыныш партада, оның артында төрт пастель түсті карталар салқын сұр қабырғалар мен индиго маркерімен салынған жалғыз белгі аясында жалғыз жарқын екпін болып табылады.