FRANKY'S
Usa ka retro gaming kiosk sa counter sa usa ka skate shop
Ang biswal nga pinulongan ni Franky usa ka kombinasyon sa retro arcade ug skateboard shop: usa ka mainit nga cream canvas (#f3e5df) nga gi-frame sa gahi nga pixel borders, usa ka makita nga black-and-white checkerboard, ug usa ka pixel font, Arcade, nga gigamit para sa matag pulong sa website. Ang palette tinuyo nga sparse—duha na lang ka chromatic colors ang nahabilin (signal orange #faa21f para sa sign ug rich green #128e44 para sa buy button), diin ang tibuok hierarchy gipahayag pinaagi sa pagdugang sa Arcade font weight gikan sa 400 ngadto sa 700 ug pinaagi sa paggamit og itom batok sa cream background. Ang mga nawong nagpabilin nga patag ug monolithic; ang giladmon makab-ot lamang pinaagi sa gisal-ot nga 1px cream line sa mga butones ug sa tonal play sa checkerboard. Ang mga components nahisama sa 1990s storefront sprites: baga nga itom nga borders, hugot nga 6-12px border radii, compact 4-8px padding, ug 3D/AR toggles nga morag pixelated icons imbes nga chrome elements. Ang bag-ong mga panid gituyo aron mapadayon ang atmospera nga sama sa arcade: walay mga gradient gawas sa orange nga scrolling text, walay humok nga mga anino, walay pangdekorasyon nga tipograpiya—krema nga papel lamang, itom nga pixelated nga mga linya, ug usa ka mainit nga orange nga kolor.
Sa desktop, ang panid sa produkto nagpakita og full-width, centered layout nga adunay maximum nga gilapdon nga 1200px. Ang ritmo gikan sa taas hangtod sa ubos mao ang: orange nga scrolling text → cream-colored header nga adunay itom nga linya → two-column split (55% checkerboard sa homepage / 45% two-column grid sa mga product card) → cream-colored stripe sa footer. Sa mobile, ang homepage mo-collapse ngadto sa full-width checkerboard, ug ang grid mahimong single-column layout. Ang mga kard parehas nga giapod-apod sa two-column grid nga adunay gray Pixel (#e5e7eb) dividers taliwala niini. Ang gilay-on tali sa mga seksyon gamay ra (43–61px), ug ang interface wala gyud mogamit og itom nga mga stripe nga mokabat sa tibuok gilapdon sa panid—ang cream canvas gipakita nga walay pagkabalda.
Usa ka litrato sa mga kalo batok sa limpyo nga krema nga background, sa tunga ug hugot nga giputol, nga adunay humok, itom nga anino sa ilawom. Walay estilo sa kinabuhi, walay mga modelo, walay konteksto—ang kalo mao ang bida. Usa ka checkerboard pattern sa luyo sa pangunang elemento ang nagsilbing graphic surface. Walay mga ilustrasyon, walay 3D renders gawas sa augmented reality toggle, walay mga pangdekorasyon nga icon gawas sa pixelated cross sa logo.
Paleta
Brand
- Marquee Orange
#faa21f— Notification bar sa ibabaw sa screen, mga elemento sa accent, branding. - Buy Green
#128e44— Ang buton nga "ADD TO CART" napuno na - ang bugtong aksyon sa pagpalit nga gimarkahan og berde.
Neutral
- Arcade Cream
#f3e5df— Background sa panid, mga nawong sa product card, mga insert sa butones. - Ink Black
#000000— Pangunang teksto, layout sa checkerboard, tanang border sa UI, mga outline sa card, mga border sa icon. - Pixel Gray
#e5e7eb— Nipis nga mga border, mga card divider, mga lagda sa istruktura taliwala sa mga grid cell. - Charcoal
#333333— Sekondaryang tono sa nawong, mga kwadro sa anino sa checkerboard, kolor sa anino - Carbon
#151515— Dato nga neyutral nga mga tono para sa pagpuno sa mga ilustrasyon ug sa pinakabaga nga mga tile sa checkerboard. - Muted Gray
#737373— Gi-disable/gi-mute nga teksto sa mga butones ug sa body text
Tipograpiya
gikan sa 10 hangtod 18px · 4 ka lakang
- Arcade — kapuli: VT323 · mga balangkas 400, 700 · Usa ra ka font ang gigamit sa tibuok interface—ang tanang heading, label, presyo, butones, body text, ug mga icon naa sa Arcade. Ang transisyon gikan sa 400 ngadto sa 700 mao ra ang himan sa paghimo og hierarchy; ang paggamit og ikaduhang font makadaot sa ilusyon sa kiosk.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | dasok |
| Batakang lakang | 4-8px |
| Radius sa butones | 6px |
| Radius sa kard | 12px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 43-61px |
| Lapad sa panid | 1200px |
Ang AI motukod sa imong website sa estilo sa FRANKY'S ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- 099 SUPPLY — Usa ka bungbong sa gallery nga puno sa itom ug puti nga mga butang
- teenage engineering — Katalogo sa industriya sa suga sa studio - ang produkto mao ra ang hinungdanon nga butang sa panid, ug ang tanan gihisgutan sa palibot niini
- Custo — Usa ka galeriya nga kolor gunmetal nga adunay monolithic font. Usa ka showroom nga adunay muted gray-green nga mga tono, diin ang usa ka itom nga butang ug 57px nga font nagsulti alang sa ilang kaugalingon.
- Walden — Ang kahilom sa salog sa lasang - ang matag produkto usa ka bato, ang matag pixel usa ka lumot ug kahilom
- Fiverr — Ang sentro sa digital bazaar mao ang hayag nga berde nga suga batok sa ngitngit nga mga entablado sa teatro. Usa ka neon green nga tuldok ang nagsilbing angkla sa logo; ang nahabilin monochrome, nga gidisenyo aron ipasiugda ang kaanyag sa mga serbisyo nga gitanyag.
- Peloton — Usa ka pula nga suga sa usa ka itom nga runway. Usa ka fitness showroom diin ang usa ka hayag nga pula nga karatula sa CTA mitabok sa lapad ug ngitngit nga wanang sa eksibisyon ug padulong sa limpyo ug puti nga mga kwarto sa produkto.
- HOUSEPLANT — usa ka bookstore nga adunay mga nuts sa linen nga papel
- Adam Lippes — Usa ka monochrome editorial studio sa kremang papel – usa ka Vogue spread diin ang bugtong dekorasyon mao ang layout grid, dili ang color palette.
- Elektron — Ang equipment control panel sa tungang gabii morag halos itom nga canvas, diin ang mga litrato sa produkto modan-ag samtang ang interface halos dili makita.
- Sigmaphoto — Ang Monochrome Gallery of Precision Instruments usa ka hilom nga puti nga kwarto diin ang bugtong kolor nga importante mao ang kolor nga nagtawag kanimo sa paglihok.
- Channel Studio — Usa ka studio photo lab nga adunay usa ka coral lampshade
- Specht Studio — Usa ka gallery wall nga puno sa mahunahunaon nga kakuryuso. Ang kaugalingong chrome finish sa studio kay puti nga nawong ug itom nga letra; ang biswal nga mga pabuto hingpit nga nasentro sa tilework sa proyekto.