Flying Papers
Шимбә иртәсендәге мультфильмдагы танып белү
"Flying Papers" калын ризограф кәгазенә басылган шимбә иртәсе мультфильмы кебек эшли: яссы, тонык шәмәхә күренеш, туендырылган, конфетти кебек төсләр һәм карау мәйданын биләп алырлык зур шрифт. Брендлаштыру көчле, кыю һәм компромисссыз - ул игътибар таләп итми, ә җәлеп итә. Һәр экран бер, кыю плакат кебек тоелырга тиеш: бер өстенлек итүче исем, бер персонаж иллюстрациясе, тексттагы бер гамәл һәм күп ак бушлык. Рамкалар эшнең күп өлешен башкара, күләгәләрне алыштыра; төс буяу буларак кулланыла, мәгълүмат түгел. Өслекләр яссы кала, кырыйлары 6 пиксельдә кискен саклана, һәм системадагы бердәнбер йомшак нокта - чыгу төймәсендәге 100 пиксельле таблетка.
Тулы экранлы плакат макетлары, максималь киңлек чикләүләре юк. Һәр экран - карау мәйданы зурлыгындагы бер композиция: үзәктә яки сулда тигезләнгән бер зур ObjectivelyVariable исеме, текст өстенә капланган бер талисман иллюстрациясе һәм аста кечкенә сызык эчендәге гамәл. Бүлекләр якты һәм караңгы төсләр арасында чиратлашмый - бөтен бит 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 — Сыйныф бүлмәсе ак фонда төрле төсләр белән бизәлгән - тыныч өстәл, аның артында дүрт пастель открытка салкын соры стеналар һәм индиго маркеры белән ясалган бердәнбер билге фонында бердәнбер якты акцент булып тора.