FRANKY'S
Тимераяк кибетенең өстәлендәге ретро уен киоскы
Фрэнкиның визуаль теле ретро аркада һәм скейтборд кибетенең кушылмасы: каты пиксель чикләре белән рамкаланган җылы крем төсендәге полотно (#f3e5df), киң таралган кара-ак шахмат тактасы һәм сайттагы һәр сүз өчен кулланыла торган бер пиксель шрифты, Arcade. Палитра махсус рәвештә сирәк - бары тик ике хроматик төс калган (билге өчен сигнал кызгылт сары #faa21f һәм сатып алу төймәсе өчен бай яшел #128e44), бөтен иерархия Arcade шрифтының авырлыгын 400 дән 700 гә кадәр арттыру һәм крем фонында кара төс куллану белән күрсәтелгән. Өслекләр тигез һәм монолит булып кала; тирәнлеккә төймәләргә кертелгән 1 пиксель крем сызыгы һәм шахмат тактасының тональ уйнавы аша гына ирешелә. Компонентлар 1990-нчы еллардагы витрина спрайтларын хәтерләтә: калын кара чикләр, тыгыз 6-12 пиксель чик радиуслары, компакт 4-8 пиксель тулыландыру һәм хром элементлары урынына пиксельләнгән иконаларга охшаган 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 — Галерея стенасы игътибар белән тулы. Студиянең хром белән бизәлгән өлеше ак өслектән һәм кара хәрефләрдән тора; визуаль фейерверклар тулысынча проектның плитка эшләренә тупланган.