FRANKY'S
Lub kiosk ua si retro ntawm lub txee ntawm lub khw muag khoom skateboard
Franky cov lus pom yog kev sib xyaw ua ke ntawm retro arcade thiab skateboard khw: ib daim ntaub canvas sov sov (#f3e5df) uas muaj cov ciam teb pixel ruaj khov, ib daim checkerboard dub thiab dawb uas muaj nyob txhua qhov chaw, thiab ib daim ntawv pixel, Arcade, siv rau txhua lo lus ntawm lub vev xaib. Lub palette yog txhob txwm tsis tshua muaj - tsuas yog ob xim chromatic tseem tshuav (lub teeb liab txiv kab ntxwv #faa21f rau lub cim thiab ntsuab nplua nuj #128e44 rau lub pob yuav), nrog rau tag nrho cov hierarchy qhia los ntawm kev nce qhov hnyav ntawm Arcade font ntawm 400 mus rau 700 thiab los ntawm kev siv dub tawm tsam keeb kwm yav dhau cream. Cov nto tseem tiaj tus thiab monolithic; qhov tob tsuas yog ua tiav los ntawm kab cream 1px ntxig rau ntawm cov nyees khawm thiab kev ua si tonal ntawm checkerboard. Cov khoom sib xyaw ua ke zoo li xyoo 1990s lub khw muag khoom sprites: cov ciam teb dub tuab, cov ciam teb nruj 6-12px, compact 4-8px padding, thiab 3D/AR toggles uas zoo li cov cim pixelated es tsis yog cov ntsiab lus chrome. Cov nplooj ntawv tshiab no yog tsim los kom muaj huab cua zoo li arcade: tsis muaj gradients tsuas yog cov ntawv nyeem txiv kab ntxwv xwb, tsis muaj duab ntxoov ntxoo mos mos, tsis muaj cov ntawv zoo nkauj - tsuas yog ntawv xim dawb, cov kab dub pixelated, thiab ib xim txiv kab ntxwv sov xwb.
Hauv desktop, nplooj ntawv khoom tso tawm ib qho layout dav tag nrho, nruab nrab nrog qhov dav tshaj plaws ntawm 1200px. Lub suab nrov ntawm sab saud mus rau hauv qab yog: cov ntawv nyeem txiv kab ntxwv scrolling → lub taub hau xim dawb nrog kab dub → ob kab sib cais (55% checkerboard ntawm nplooj ntawv tseem ceeb / 45% ob kab grid ntawm cov ntawv khoom) → kab xim dawb hauv footer. Ntawm mobile, nplooj ntawv tseem ceeb collapses rau hauv ib qho checkerboard dav tag nrho, thiab lub grid dhau los ua ib kab layout. Cov ntawv tau faib sib npaug hauv ob kab grid nrog grey Pixel (# e5e7eb) dividers ntawm lawv. Qhov sib nrug ntawm cov ntu yog tsawg kawg nkaus (43–61px), thiab lub interface yeej tsis siv cov kab tsaus nti uas hla tag nrho qhov dav ntawm nplooj ntawv - lub canvas xim dawb tau tso tawm yam tsis muaj kev cuam tshuam.
Ib daim duab ntawm cov kaus mom tiv thaiv keeb kwm yav dhau los dawb huv, nruab nrab thiab txiav kom nruj, nrog rau ib qho ntxoov ntxoo dub mos mos hauv qab. Tsis muaj kev ua neej nyob, tsis muaj qauv, tsis muaj cov ntsiab lus - lub kaus mom yog lub hnub qub. Ib daim qauv checkerboard tom qab lub ntsiab lus tseem ceeb ua haujlwm ua qhov chaw kos duab. Tsis muaj cov duab kos, tsis muaj 3D renders tsuas yog rau qhov augmented reality toggle, tsis muaj cov cim kho kom zoo nkauj tsuas yog rau tus ntoo khaub lig pixelated hauv lub logo.
Xim av
Hom
- Marquee Orange
#faa21f— Cov ntawv ceeb toom nyob rau sab saum toj ntawm qhov screen, cov ntsiab lus accent, branding. - Buy Green
#128e44— Lub pob "ADD TO CART" raug sau rau hauv - tsuas yog qhov kev yuav khoom uas tau cim ntsuab.
Nruab nrab
- Arcade Cream
#f3e5df— Keeb kwm yav dhau ntawm nplooj ntawv, cov khoom lag luam daim npav, cov nyees khawm ntxig. - Ink Black
#000000— Cov ntawv tseem ceeb, cov qauv checkerboard, txhua qhov ciam teb UI, cov kab kos duab, cov cim ciam teb. - Pixel Gray
#e5e7eb— Cov ciam teb nyias nyias, cov ntawv faib daim npav, cov cai ntawm cov cell grid. - Charcoal
#333333— Xim av thib ob, duab ntxoov ntxoo ntawm daim checkerboard, xim ntxoov ntxoo - Carbon
#151515— Cov xim nruab nrab nplua nuj rau kev sau cov duab thiab cov vuas checkerboard uas ntom tshaj plaws. - Muted Gray
#737373— Cov ntawv kaw/mute ntawm cov nyees khawm thiab hauv cov ntawv hauv lub cev
Kev sau ntawv
txij li 10 mus rau 18px · 4 kauj ruam
- Arcade — hloov: VT323 · cov qauv qhia 400, 700 · Ib daim ntawv sau xwb siv thoob plaws hauv lub interface—txhua lub npe, daim ntawv lo, tus nqi, cov nyees khawm, cov ntawv sau hauv lub cev, thiab cov cim yog nyob hauv Arcade. Kev hloov pauv ntawm 400 mus rau 700 yog tib lub cuab yeej rau kev tsim cov hierarchy; kev siv daim ntawv thib ob yuav ua rau lub kiosk illusion puas tsuaj.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | ntom ntom |
| Kauj ruam yooj yim | 4-8px |
| Lub vojvoog ntawm lub pob | 6px |
| Lub vojvoog ntawm daim npav | 12px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 43-61px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv FRANKY'S thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- 099 SUPPLY — Ib phab ntsa gallery puv nrog cov khoom dub thiab dawb
- teenage engineering — Cov ntawv teev khoom lag luam hauv studio teeb pom kev zoo - cov khoom yog tib yam khoom tseem ceeb ntawm nplooj ntawv, thiab txhua yam lwm yam tau tham txog nyob ib puag ncig nws
- Custo — Ib lub tsev khaws puav pheej xim av nrog rau cov ntawv sau ib leeg. Ib lub chaw tso khoom hauv cov xim grey-ntsuab uas tsis muaj xim, qhov twg ib yam khoom tsaus nti thiab cov ntawv sau 57px hais lus rau lawv tus kheej.
- Walden — Qhov ntsiag to ntawm hauv pem teb hav zoov - txhua yam khoom yog pob zeb, txhua pixel yog moss thiab ntsiag to
- Fiverr — Lub khw muag khoom digital bazaar yog lub teeb ntsuab ci ntsa iab tawm tsam cov theem ua yeeb yam tsaus ntuj. Ib lub cim ntsuab neon ua lub cim tseem ceeb rau lub logo; qhov seem yog monochrome, tsim los qhia txog qhov zoo nkauj ntawm cov kev pabcuam uas muaj.
- Peloton — Ib lub teeb liab ntawm txoj kev khiav uas dub nciab. Ib lub chaw ua si qoj ib ce uas muaj ib lub cim CTA liab ci ntsa iab hla dhau qhov chaw ua yeeb yam loj thiab tsaus ntuj thiab coj mus rau chav ua khoom dawb huv.
- HOUSEPLANT — ib lub tsev muag ntawv nrog txiv ntoo rau ntawm daim ntawv linen
- Adam Lippes — Ib lub studio sau ntawv monochrome rau ntawm daim ntawv dawb - ib qho kev nthuav dav Vogue qhov twg tsuas yog kho kom zoo nkauj yog daim phiaj teeb tsa, tsis yog cov xim palette.
- Elektron — Lub vaj huam sib luag tswj cov khoom siv thaum ib tag hmo yog ib daim ntaub dub uas yuav luag dub, qhov twg cov duab khoom ci ntsa iab thaum lub interface tseem tsis pom.
- Sigmaphoto — Lub Monochrome Gallery of Precision Instruments yog ib chav dawb ntsiag to uas tsuas yog xim tseem ceeb xwb yog xim uas hu koj kom ua.
- Channel Studio — Ib lub chaw thaij duab hauv studio nrog ib lub teeb ci ntsa iab
- Specht Studio — Ib phab ntsa gallery puv nrog kev xav paub tsis meej. Lub studio tus kheej chrome tiav yog dawb thiab cov ntawv dub; cov duab hluav taws xob pom tau tsom mus rau hauv cov vuas pobzeb ntawm qhov project.