FRANKY'S
Ретро киоск за игре на шалтеру продавнице скејт опреме
Френкијев визуелни језик је комбинација ретро аркаде и продавнице скејтборда: топло кремасто платно (#f3e5df) уоквирено крутим пикселним оквирима, свеприсутна црно-бела шаховска табла и фонт од једног пиксела, Аркада, који се користи за сваку реч на веб-сајту. Палета је намерно оскудна — остају само две хроматске боје (сигнално наранџаста #faa21f за знак и богато зелена #128e44 за дугме за куповину), при чему је цела хијерархија изражена повећањем тежине фонта Аркада са 400 на 700 и коришћењем црне на кремастој позадини. Површине остају равне и монолитне; дубина се постиже само кроз уметнуту кремасту линију од 1px на дугмадима и тоналну игру шаховске табле. Компоненте подсећају на спрајтове излога из 1990-их: дебеле црне оквире, уски радијуси оквира од 6-12px, компактно попуњавање од 4-8px и 3D/AR прекидачи који изгледају као пикселизоване иконе, а не као хромирани елементи. Нове странице су намењене да одрже атмосферу аркадних игара: нема градијената осим наранџастог текста који се помера, нема меких сенки, нема декоративне типографије — само кремасти папир, црне пикселизоване линије и једна топла наранџаста боја.
На десктоп рачунару, страница производа приказује распоред пуне ширине, центриран са максималном ширином од 1200 пиксела. Ритам од врха до дна је: наранџасти текст који се помера → кремасто заглавље са црном линијом → подела у две колоне (55% шаховска табла на почетној страници / 45% мрежа са две колоне картица производа) → кремаста пруга у подножју. На мобилном уређају, почетна страница се склапа у шаховску таблу пуне ширине, а мрежа постаје распоред са једном колоном. Картице су равномерно распоређене у мрежи са две колоне са сивим пикселним (#e5e7eb) разделницима између њих. Размак између одељака је минималан (43–61 пиксела), а интерфејс никада не користи тамне пруге које се протежу целом ширином странице — кремасто платно се приказује без прекида.
Фотографија капа на чистој крем позадини, центрирана и чврсто исечена, са меком, црном сенком испод. Без начина живота, без модела, без контекста - капа је звезда. Шаховски узорак иза главног елемента служи као графичка површина. Без илустрација, без 3Д рендера осим прекидача за проширену стварност, без декоративних икона осим пикселизованог крста у логотипу.
Палета
Brend
- 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.
- Пребаците садржај са вашег старог сајта — само наведите адресу.
- Модерни дизајн на најбољем енџину: React ( Next.js) са рендеровањем на серверу и SEO оптимизацијом одмах по уградњи.
- Потпуно аутоматизована SEO оптимизација за резултате претраге и препоруке неуронских мрежа.
Слични стилови
- 099 SUPPLY — Галеријски зид испуњен црно-белим предметима
- teenage engineering — Индустријски каталог у студијском осветљењу - производ је једини значајан објекат на страници, а све остало се разматра око њега
- Custo — Галерија боје оружја са монолитним фонтом. Изложбени салон у пригушеним сиво-зеленим тоновима, где један тамни објекат и фонт величине 57px говоре сами за себе.
- Walden — Тишина шумског тла - сваки производ је камен, сваки пиксел је маховина и тишина
- Fiverr — Централна тачка дигиталног базара је живописни зелени пулс на мрачним позоришним сценама. Једна неонско зелена тачка служи као сидро за лого; остатак је монохроматски, дизајниран да истакне привлачност понуђених услуга.
- Peloton — Црвени светионик на црној писти. Салон за фитнес где један јарко црвени знак за позив на акцију (CTA) сече огроман, мрачан изложбени простор и води до чистих, белих просторија са производима.
- HOUSEPLANT — књижара са орасима на платненом папиру
- Adam Lippes — Монохроматски уреднички студио на крем папиру – Вогова рама где је једина декорација мрежа распореда, а не палета боја.
- Elektron — Контролна табла опреме у поноћ је готово црно платно, где фотографије производа сијају док интерфејс остаје практично невидљив.
- Sigmaphoto — Монохромна галерија прецизних инструмената је тиха бела соба где је једина важна боја она која вас позива на акцију.
- Channel Studio — Студијска фото-лабораторија са једним коралним абажуром
- Specht Studio — Галеријски зид испуњен дискретном радозналошћу. Хромирана завршна обрада студија је бела површина и црни натписи; визуелни ватромет је у потпуности концентрисан унутар плочица пројекта.