FRANKY'S
Скейтборд дүкөнүнүн кассасындагы ретро оюндар киоскусу
Фрэнкинин визуалдык тили ретро аркада жана скейтборд дүкөнүнүн айкалышы: катуу пикселдик чек аралар менен курчалган жылуу каймак түстүү полотно (#f3e5df), бардык жерде кездешкен кара-ак шахмат тактасы жана веб-сайттагы ар бир сөз үчүн колдонулган бир пикселдик Arcade шрифти. Палитра атайылап сейрек кездешет — эки гана хроматикалык түс калган (белги үчүн сигнал кызгылт сары #faa21f жана сатып алуу баскычы үчүн бай жашыл #128e44), бүт иерархия Arcade шрифтинин салмагын 400дөн 700гө чейин көбөйтүү жана каймак фонуна кара түстү колдонуу менен көрсөтүлгөн. Беттер тегиз жана монолиттүү бойдон калууда; тереңдик баскычтарга киргизилген 1px каймак сызыгы жана шахмат тактасынын тоналдык ойношу аркылуу гана жетишилет. Компоненттер 1990-жылдардагы витрина спрайттарын эске салат: калың кара чек аралар, тыгыз 6-12px чек ара радиустары, компакттуу 4-8px толтургуч жана хром элементтерине караганда пикселденген сүрөтчөлөргө окшош 3D/AR которгучтары. Жаңы барактар аркада сыяктуу атмосфераны сактоого багытталган: кызгылт сары түстөгү жылдырма тексттен башка градиенттер жок, жумшак көлөкө жок, кооздук типография жок — бир гана каймак түстүү кагаз, кара пикселдүү сызыктар жана бир жылуу кызгылт сары түс.
Жумушчу столдо продукт барагында толук туурасы, борборлоштурулган макет көрсөтүлөт, максималдуу туурасы 1200 пиксель. Жогорудан төмөн карай ритм: кызгылт сары жылдыруучу текст → кара сызыгы бар каймак түстүү колонка → эки тилкелүү бөлүнүү (башкы бетте 55% шахмат тактасы / продукт карталарынын 45% эки тилкелүү торчосу) → төмөнкү колонтитулда каймак түстүү тилке. Мобилдик түзмөктөрдө башкы бет толук туурасы бар шахмат тактасына жыйналып, торчо бир тилкелүү макетке айланат. Карталар эки тилкелүү торчодо бирдей бөлүштүрүлгөн, алардын ортосунда боз Pixel (#e5e7eb) бөлгүчтөрү бар. Бөлүмдөрдүн ортосундагы аралык минималдуу (43–61 пиксель) жана интерфейс эч качан барактын бүт туурасын камтыган кара тилкелерди колдонбойт — каймак түстүү холст үзгүлтүксүз көрсөтүлөт.
Таза каймак түстөгү фондо кепкалардын сүрөтү, ортосунан тартылып, тыгыз кыркылган, астында жумшак, көмүрдөй кара көлөкөсү бар. Жашоо образы жок, моделдер жок, контекст жок — кепка жылдыз. Негизги элементтин артындагы шахмат тактасы оймо-чиймеси графикалык бет катары кызмат кылат. Иллюстрациялар жок, кеңейтилген чындык которгучунан башка 3D рендерлер жок, логотиптеги пикселдик кресттен башка декоративдик сүрөтчөлөр жок.
Түстөр палитрасы
Бренд
- 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 шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
- Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
- Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана SEO оптималдаштыруу менен React ( Next.js).
- Издөө натыйжалары жана нейрон тармактарынын сунуштары үчүн толугу менен автоматташтырылган SEO оптималдаштыруу.
Окшош стилдер
- 099 SUPPLY — Ак-кара буюмдарга толгон галереянын дубалы
- teenage engineering — Студиялык жарыктандыруудагы өнөр жай каталогу - продукт баракчадагы жалгыз маанилүү объект болуп саналат жана калган нерселердин баары анын айланасында талкууланат
- Custo — Монолиттик шрифт менен мылтыкты камтыган металл түстөгү галерея. Бир гана караңгы объект жана 57 пикселдик шрифт өзү үчүн сүйлөгөн, бүдөмүк боз-жашыл түстөгү көргөзмө залы.
- Walden — Токойдун түбүнүн жымжырттыгы - ар бир буюм таш, ар бир пиксель мох жана жымжырттык
- Fiverr — Санариптик базардын борбордук бөлүгү караңгы театр сахналарына фонундагы жаркыраган жашыл импульс болуп саналат. Бир гана неон жашыл чекит логотип үчүн негиз катары кызмат кылат; калган бөлүгү монохромдуу, сунушталган кызматтардын жагымдуулугун баса белгилөө үчүн иштелип чыккан.
- Peloton — Караңгы подиумдагы кызыл маяк. Фитнес-көргөзмө залы, анда бир гана ачык кызыл түстөгү CTA белгиси кең, караңгы көргөзмө мейкиндигин кесип өтүп, таза, ак түстөгү буюмдар сатылуучу бөлмөлөргө алып барат.
- HOUSEPLANT — Зыгыр кагазга жаңгактар түшүрүлгөн китеп дүкөнү
- Adam Lippes — Каймак түстөгү кагаздагы монохром редакциялык студия – Vogue журналынын стилиндеги, анда түстөр палитрасы эмес, макет торчосу гана кооздолгон.
- Elektron — Түн ортосунда жабдуунун башкаруу панели дээрлик кара полотнодон турат, анда продукттун сүрөттөрү жаркырап турат, ал эми интерфейс дээрлик көрүнбөйт.
- Sigmaphoto — Монохромдуу тактык аспаптар галереясы – бул тынч ак бөлмө, анда сизди аракетке чакырган түс гана маанилүү.
- Channel Studio — Бир коралл абажур менен жабдылган студиялык фотолаборатория
- Specht Studio — Галереянын дубалы жашыруун кызыгууга толгон. Студиянын өзүнүн хром менен капталган бети ак жана кара жазуулардан турат; визуалдык фейерверктер толугу менен долбоордун плиткалык иштерине топтолгон.