FRANKY'S
Коньки дүкенінің сөресіндегі ретро ойын дүңгіршегі
Фрэнкидің визуалды тілі ретро аркада мен скейтборд дүкенінің үйлесімі болып табылады: қатты пиксель жиектерімен қоршалған жылы кремді кенеп (#f3e5df), кең таралған қара-ақ шахмат тақтасы және веб-сайттағы әрбір сөз үшін қолданылатын бір пиксельді қаріп, Arcade. Палитра әдейі сирек кездеседі - тек екі хроматикалық түс қалды (белгі үшін қызғылт сары сигнал #faa21f және сатып алу түймесі үшін қанық жасыл #128e44), бүкіл иерархия Arcade қаріпінің салмағын 400-ден 700-ге дейін арттыру және кремді фонға қара түс қолдану арқылы көрінеді. Беттер тегіс және монолитті болып қалады; тереңдік тек түймелерге енгізілген 1 пиксельді кремді сызық және шахмат тақтасының тоналды ойыны арқылы қол жеткізіледі. Компоненттер 1990 жылдардағы дүкен спрайттарын еске түсіреді: қалың қара жиектер, тығыз 6-12 пиксельді шекара радиустары, ықшам 4-8 пиксельді толтырғыш және хром элементтеріне қарағанда пиксельді белгішелерге ұқсайтын 3D/AR ауыстырып-қосқыштары. Жаңа беттер аркада тәрізді атмосфераны сақтауға арналған: қызғылт сары айналдыру мәтінінен басқа градиенттер жоқ, жұмсақ көлеңкелер жоқ, сәндік типография жоқ — тек кілегей түсті қағаз, қара пиксельді сызықтар және бір жылы қызғылт сары түс.
Жұмыс үстелінде өнім беті толық енді, орталықтандырылған орналасуды көрсетеді, максималды ені 1200 пиксель. Жоғарыдан төмен қарай ырғақ: қызғылт сары айналдыру мәтіні → қара сызықпен крем түсті тақырып → екі бағанға бөлінген (басты бетте 55% шахмат тақтасы / өнім карталарының 45% екі бағандық торы) → төменгі колонтитулда крем түсті жолақ. Мобильді құрылғыда басты бет толық енді шахмат тақтасына жиналады, ал тор бір бағандық орналасуға айналады. Карталар екі бағандық торда біркелкі таратылады, олардың арасында сұр пиксель (#e5e7eb) бөлгіштері бар. Бөлімдер арасындағы аралық минималды (43–61 пиксель) және интерфейс ешқашан беттің бүкіл енін қамтитын қара жолақтарды пайдаланбайды — крем түсті кенеп үзіліссіз көрсетіледі.
Таза крем түсті фондағы бас киімдердің фотосуреті, ортасында орналасқан және тығыз қырқылған, астында жұмсақ, көмір-қара көлеңкесі бар. Өмір салты жоқ, модельдер жоқ, контекст жоқ — бас киім жұлдыз. Негізгі элементтің артындағы шахмат тақтасы өрнегі графикалық бет ретінде қызмет етеді. Иллюстрациялар жоқ, кеңейтілген шындық қосқышынан басқа 3D кескіндер жоқ, логотиптегі пиксельді кресттен басқа сәндік белгішелер жоқ.
Палитра
Бренд
- Marquee Orange
#faa21f— Экранның жоғарғы жағындағы хабарландыру жолағы, екпін элементтері, брендинг. - Buy Green
#128e44— «СЕБЕТКЕ ҚОСУ» түймесі толтырылған - жасыл түспен белгіленген жалғыз сатып алу әрекеті.
Бейтарап
- Arcade Cream
#f3e5df— Беттің фоны, өнім картасының беттері, түймелердің кірістірілген элементтері. - Ink Black
#000000— Негізгі мәтін, шахмат тақтасының орналасуы, барлық пайдаланушы интерфейсінің шекаралары, карта контурлары, белгіше шекаралары. - 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 — Галерея қабырғасы жасырын қызығушылыққа толы. Студияның хроммен қапталған беті ақ және қара әріптермен безендірілген; көрнекі отшашулар толығымен жобаның плиткалық жұмыстарына шоғырланған.