FRANKY'S
Киоски бозиҳои ретро дар пештахтаи мағозаи скейтборд
Забони визуалии Фрэнки омезиши аркадаи ретро ва мағозаи скейтборд аст: як матои гарми қаймоқранг (#f3e5df), ки бо сарҳадҳои сахти пикселӣ иҳота шудааст, як тахтаи шашкаи сиёҳу сафеди ҳамаҷо ва як шрифти ягонаи пикселӣ, Arcade, ки барои ҳар як калима дар вебсайт истифода мешавад. Палитра қасдан камёб аст - танҳо ду ранги хроматикӣ боқӣ мондааст (нориҷӣ #faa21f барои аломат ва сабзи бой #128e44 барои тугмаи харид), ки тамоми иерархия бо зиёд кардани вазни шрифти Arcade аз 400 то 700 ва истифодаи сиёҳ дар пасманзари қаймоқранг ифода ёфтааст. Сатҳҳо ҳамвор ва якранг боқӣ мемонанд; умқ танҳо тавассути хати қаймоқии воридшуда ба тугмаҳо ва бозии тоналии тахтаи шашкаранг ба даст меояд. Компонентҳо спрайтҳои витринаи солҳои 1990-умро ба хотир меоранд: сарҳадҳои сиёҳи ғафс, радиусҳои сарҳадии танг бо 6-12 пиксел, пуркунии паймон бо 4-8 пиксел ва тугмаҳои 3D/AR, ки ба нишонаҳои пикселӣ монанданд, на ба унсурҳои хромӣ. Саҳифаҳои нав барои нигоҳ доштани фазои аркадамонанд пешбинӣ шудаанд: бе градиентҳо ба ҷуз матни норинҷӣ, бе сояҳои нарм, бе типографияи ороишӣ - танҳо коғази қаймоқранг, хатҳои пикселии сиёҳ ва як ранги норанҷии гарм.
Дар мизи корӣ, саҳифаи маҳсулот тарҳбандии пурра ва марказӣ бо паҳнои ҳадди аксар 1200 пикселро нишон медиҳад. Ритми аз боло ба поён чунин аст: матни гардиши норинҷӣ → сарлавҳаи ранги қаймоқ бо хати сиёҳ → тақсими ду сутун (55% тахтаи шашка дар саҳифаи асосӣ / 45% шабакаи ду сутуни кортҳои маҳсулот) → рахи ранги қаймоқ дар поёни саҳифа. Дар мобилӣ, саҳифаи асосӣ ба тахтаи шашка бо паҳнои пурра ҷамъ мешавад ва шабака ба тарҳбандии як сутун табдил меёбад. Кортҳо дар шабакаи ду сутун бо тақсимкунандагони хокистарии Pixel (#e5e7eb) баробар тақсим карда мешаванд. Фосилаи байни бахшҳо ҳадди ақал аст (43–61 пиксел) ва интерфейс ҳеҷ гоҳ аз рахҳои торик истифода намекунад, ки тамоми паҳнои саҳифаро фаро мегиранд - канваси қаймоқ бе қатъият намоиш дода мешавад.
Акси сарпӯшҳо дар заминаи тозаи қаймоқранг, дар марказ ва зич буридашуда, бо сояи нарми сиёҳи ангиштсанг дар зери он. Бе тарзи зиндагӣ, бе модел, бе контекст - сарпӯш ситора аст. Нақши тахтаи шашка дар паси унсури асосӣ ҳамчун сатҳи графикӣ хизмат мекунад. Бе тасвирҳо, бе рендерҳои сеченака ба истиснои тугмаи воқеияти афзоянда, бе нишонаҳои ороишӣ ба истиснои салиби пикселӣ дар логотип.
Палитра
Бренд
- Marquee Orange
#faa21f— Сатри огоҳӣ дар болои экран, унсурҳои зада, брендинг. - Buy Green
#128e44— Тугмаи "Илова ба сабад" пур карда шудааст - ягона амали харид бо ранги сабз қайд карда шудааст.
Бетараф
- Arcade Cream
#f3e5df— Заминаи саҳифа, сатҳҳои корти маҳсулот, тугмаҳои иловашуда. - Ink Black
#000000— Матни асосӣ, тарҳбандии тахтаи шашка, ҳама сарҳадҳои UI, контурҳои кортҳо, сарҳадҳои нишонаҳо. - Pixel Gray
#e5e7eb— Марзҳои борик, тақсимкунандагони кортҳо, қоидаҳои сохторӣ байни ячейкаҳои шабакавӣ. - Charcoal
#333333— Тонси сатҳи дуюмдараҷа, сояҳои чоркунҷаҳои тахтаи шашка, ранги соя - Carbon
#151515— Оҳангҳои бетарафи бой барои пур кардани тасвирҳо ва зичтарин плиткаҳои тахтаи шашка. - Muted Gray
#737373— Матн дар тугмаҳо ва матни асосӣ ғайрифаъол/хомӯш карда шудааст
Типография
аз 10 то 18 пиксел · 4 қадам
- Arcade — ивазкунӣ: VT323 · контурҳо 400, 700 · Дар тамоми интерфейс як шрифт истифода мешавад - ҳамаи сарлавҳаҳо, тамғакоғазҳо, нархҳо, тугмаҳо, матни асосӣ ва нишонаҳо дар Arcade мебошанд. Гузариш аз 400 ба 700 ягона абзор барои эҷоди иерархия аст; истифодаи шрифти дуюм иллюзияи киоскро вайрон мекунад.
Фосилаҳо ва шакл
| Мақсад | Маънӣ |
|---|---|
| Зичӣ | зич |
| Қадами асосӣ | 4-8px |
| Радиуси тугма | 6px |
| Радиуси корт | 12px |
| Сояҳо | бе марзҳо ба ҷои сояҳо |
| Байни бахшҳо | 43-61px |
| Паҳнои саҳифа | 1200px |
Соҳиби зеҳни сунъӣ вебсайти шуморо бо услуби FRANKY'S месозад ва онро пур мекунад
- Тавассути истинод - Instagram, TikTok, Facebook, маҳсулот ва паёмҳоро пур кунед.
- Мундариҷаро аз сомонаи кӯҳнаи худ интиқол диҳед — танҳо суроғаро муайян кунед.
- Тарроҳии муосир дар беҳтарин муҳаррик: React ( Next.js) бо рендеринги сервер ва беҳсозии SEO аз қуттӣ.
- Беҳсозии пурра автоматии SEO барои натиҷаҳои ҷустуҷӯ ва тавсияҳои шабакаи асаб.
Услубҳои монанд
- 099 SUPPLY — Девори галерея пур аз ашёҳои сиёҳу сафед
- teenage engineering — Каталоги саноатӣ дар равшании студия - маҳсулот ягона ашёи муҳим дар саҳифа аст ва ҳама чизи дигар дар атрофи он баррасӣ мешавад
- Custo — Галереяи ранги металлӣ бо шрифти яклухт. Толори намоишӣ бо рангҳои хокистарранг-сабзи паст, ки дар он як объекти торик ва шрифти 57px худ аз худ сухан мегӯянд.
- Walden — Сукути фарши ҷангал - ҳар як маҳсулот санг аст, ҳар як пиксел мос аст ва хомӯшӣ
- Fiverr — Нуқтаи марказии бозори рақамӣ як набзи сабзи дурахшон бар зидди саҳнаҳои торики театр аст. Як нуқтаи сабзи неон ҳамчун лангар барои логотип хизмат мекунад; боқимонда якранг буда, барои таъкид кардани ҷолибияти хидматҳои пешниҳодшуда тарҳрезӣ шудааст.
- Peloton — Маяки сурх дар майдони парвози сиёҳ. Толори намоиши фитнес, ки дар он як аломати сурхи дурахшон CTA фазои бузурги торики намоишгоҳро бурида, ба толорҳои тоза ва сафеди маҳсулот мебарад.
- HOUSEPLANT — китобфурӯшӣ бо чормағзҳо дар рӯи коғази катон
- Adam Lippes — Студияи таҳририяи якранг бо коғази қаймоқӣ - як паҳншавии Vogue, ки дар он ягона ороиш шабакаи тарҳбандӣ аст, на палитраи рангҳо.
- Elektron — Панели идоракунии таҷҳизот нисфи шаб аз як матоъи қариб сиёҳ иборат аст, ки дар он аксҳои маҳсулот медурахшанд, дар ҳоле ки интерфейс қариб ноаён боқӣ мемонад.
- Sigmaphoto — Галереяи Монохроми Асбобҳои Дақиқ як ҳуҷраи сафеди ором аст, ки дар он ягона ранге, ки муҳим аст, он рангест, ки шуморо ба амал даъват мекунад.
- Channel Studio — Лабораторияи аксбардории студия бо як абажур аз марҷон
- Specht Studio — Девори галерея пур аз кунҷковии пинҳонӣ. Ранги хромии худи студия аз сатҳи сафед ва ҳарфҳои сиёҳ иборат аст; оташбозии визуалӣ пурра дар сафолҳои лоиҳа мутамарказ шудааст.