FRANKY'S
સ્કેટ શોપના કાઉન્ટર પર રેટ્રો ગેમિંગ કિઓસ્ક
ફ્રેન્કીની દ્રશ્ય ભાષા રેટ્રો આર્કેડ અને સ્કેટબોર્ડ શોપનું મિશ્રણ છે: એક ગરમ ક્રીમ કેનવાસ (#f3e5df) જે કઠોર પિક્સેલ બોર્ડર્સ, સર્વવ્યાપી કાળા અને સફેદ ચેકરબોર્ડ અને વેબસાઇટ પર દરેક શબ્દ માટે ઉપયોગમાં લેવાતા એક પિક્સેલ ફોન્ટ, આર્કેડ દ્વારા ફ્રેમ કરવામાં આવે છે. પેલેટ ઇરાદાપૂર્વક છૂટાછવાયા છે - ફક્ત બે રંગીન રંગો બાકી છે (સાઇન માટે સિગ્નલ નારંગી #faa21f અને બાય બટન માટે સમૃદ્ધ લીલો #128e44), જેમાં સમગ્ર વંશવેલો આર્કેડ ફોન્ટ વજન 400 થી 700 સુધી વધારીને અને ક્રીમ પૃષ્ઠભૂમિ સામે કાળા રંગનો ઉપયોગ કરીને વ્યક્ત કરવામાં આવે છે. સપાટીઓ સપાટ અને મોનોલિથિક રહે છે; ઊંડાઈ ફક્ત બટનો પર દાખલ કરેલી 1px ક્રીમ લાઇન અને ચેકરબોર્ડના ટોનલ પ્લે દ્વારા પ્રાપ્ત થાય છે. ઘટકો 1990 ના દાયકાના સ્ટોરફ્રન્ટ સ્પ્રાઈટ્સની યાદ અપાવે છે: જાડા કાળા બોર્ડર્સ, ચુસ્ત 6-12px બોર્ડર રેડીઆઈ, કોમ્પેક્ટ 4-8px પેડિંગ, અને 3D/AR ટૉગલ્સ જે ક્રોમ તત્વોને બદલે પિક્સેલેટેડ આઇકોન જેવા દેખાય છે. નવા પૃષ્ઠો આર્કેડ જેવું વાતાવરણ જાળવવા માટે બનાવવામાં આવ્યા છે: નારંગી સ્ક્રોલિંગ ટેક્સ્ટ સિવાય કોઈ ગ્રેડિયન્ટ્સ નહીં, કોઈ નરમ પડછાયા નહીં, કોઈ સુશોભન ટાઇપોગ્રાફી નહીં - ફક્ત ક્રીમ રંગનો કાગળ, કાળી પિક્સેલેટેડ રેખાઓ અને એક જ ગરમ નારંગી રંગ.
ડેસ્કટોપ પર, પ્રોડક્ટ પેજ પૂર્ણ-પહોળાઈ, કેન્દ્રિત લેઆઉટ પ્રદર્શિત કરે છે જેની મહત્તમ પહોળાઈ 1200px છે. ઉપરથી નીચે સુધી લય છે: નારંગી સ્ક્રોલિંગ ટેક્સ્ટ → કાળી રેખા સાથે ક્રીમ-રંગીન હેડર → બે-કૉલમ સ્પ્લિટ (હોમપેજ પર 55% ચેકરબોર્ડ / પ્રોડક્ટ કાર્ડ્સનું 45% બે-કૉલમ ગ્રીડ) → ફૂટરમાં ક્રીમ-રંગીન પટ્ટા. મોબાઇલ પર, હોમપેજ પૂર્ણ-પહોળાઈના ચેકરબોર્ડમાં તૂટી જાય છે, અને ગ્રીડ સિંગલ-કૉલમ લેઆઉટ બની જાય છે. કાર્ડ્સ તેમની વચ્ચે ગ્રે પિક્સેલ (#e5e7eb) વિભાજકો સાથે બે-કૉલમ ગ્રીડમાં સમાનરૂપે વિતરિત થાય છે. વિભાગો વચ્ચેનું અંતર ન્યૂનતમ (43–61px) છે, અને ઇન્ટરફેસ ક્યારેય પૃષ્ઠની સમગ્ર પહોળાઈને ફેલાવતી ઘાટા પટ્ટાઓનો ઉપયોગ કરતું નથી - ક્રીમ કેનવાસ વિક્ષેપ વિના પ્રદર્શિત થાય છે.
સ્વચ્છ ક્રીમ પૃષ્ઠભૂમિ સામે કેપ્સનો ફોટોગ્રાફ, કેન્દ્રમાં અને ચુસ્ત રીતે કાપવામાં આવ્યો છે, નીચે નરમ, કોલસા-કાળા પડછાયા સાથે. કોઈ જીવનશૈલી નથી, કોઈ મોડેલ નથી, કોઈ સંદર્ભ નથી - કેપ એ તારો છે. મુખ્ય તત્વ પાછળ એક ચેકરબોર્ડ પેટર્ન ગ્રાફિક સપાટી તરીકે સેવા આપે છે. કોઈ ચિત્રો નથી, કોઈ 3D રેન્ડર નથી સિવાય કે ઓગમેન્ટેડ રિયાલિટી ટૉગલ, લોગોમાં પિક્સેલેટેડ ક્રોસ સિવાય કોઈ સુશોભન ચિહ્નો નથી.
પેલેટ
બ્રાન્ડ
- Marquee Orange
#faa21f— સ્ક્રીનની ટોચ પર સૂચના બાર, ઉચ્ચાર તત્વો, બ્રાન્ડિંગ. - Buy Green
#128e44— "કાર્ટમાં ઉમેરો" બટન ભરેલું છે - લીલા રંગમાં ચિહ્નિત થયેલ એકમાત્ર ખરીદી ક્રિયા.
તટસ્થ
- Arcade Cream
#f3e5df— પૃષ્ઠ પૃષ્ઠભૂમિ, ઉત્પાદન કાર્ડ સપાટીઓ, બટન દાખલ. - Ink Black
#000000— મુખ્ય ટેક્સ્ટ, ચેકરબોર્ડ લેઆઉટ, બધી UI બોર્ડર્સ, કાર્ડ આઉટલાઇન્સ, આઇકન બોર્ડર્સ. - Pixel Gray
#e5e7eb— પાતળી કિનારીઓ, કાર્ડ ડિવાઇડર, ગ્રીડ કોષો વચ્ચે માળખાકીય નિયમો. - Charcoal
#333333— ગૌણ સપાટીનો સ્વર, ચેકરબોર્ડ શેડો સ્ક્વેર, શેડો રંગ - Carbon
#151515— ચિત્રો ભરવા માટે સમૃદ્ધ તટસ્થ ટોન અને સૌથી ગીચ ચેકરબોર્ડ ટાઇલ્સ. - Muted Gray
#737373— બટનો અને મુખ્ય ટેક્સ્ટમાં અક્ષમ/મ્યૂટ કરેલ ટેક્સ્ટ
ટાઇપોગ્રાફી
૧૦ થી ૧૮ પિક્સેલ સુધી · ૪ પગલાં
- Arcade — રિપ્લેસમેન્ટ: VT323 · રૂપરેખા 400, 700 · સમગ્ર ઇન્ટરફેસમાં એક જ ફોન્ટનો ઉપયોગ થાય છે - બધા હેડિંગ, લેબલ્સ, કિંમતો, બટનો, બોડી ટેક્સ્ટ અને આઇકોન આર્કેડમાં છે. 400 થી 700 સુધીનું સંક્રમણ એ વંશવેલો બનાવવા માટેનું એકમાત્ર સાધન છે; બીજા ફોન્ટનો ઉપયોગ કિઓસ્ક ભ્રમને બગાડે છે.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | ગાઢ |
| મૂળભૂત પગલું | 4-8px |
| બટન ત્રિજ્યા | 6px |
| કાર્ડ ત્રિજ્યા | 12px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 43-61px |
| પૃષ્ઠ પહોળાઈ | 1200px |
AI તમારી વેબસાઇટ FRANKY'S શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- 099 SUPPLY — કાળા અને સફેદ વસ્તુઓથી ભરેલી ગેલેરી દિવાલ
- teenage engineering — સ્ટુડિયો લાઇટિંગમાં ઔદ્યોગિક કેટલોગ - ઉત્પાદન એ પૃષ્ઠ પર એકમાત્ર મહત્વપૂર્ણ વસ્તુ છે, અને બાકીની બધી બાબતો તેની આસપાસ ચર્ચા કરવામાં આવે છે.
- Custo — મોનોલિથિક ફોન્ટ સાથે ગનમેટલ રંગની ગેલેરી. મ્યૂટ ગ્રે-લીલા ટોનમાં શોરૂમ, જ્યાં એક જ ઘેરી વસ્તુ અને 57px ફોન્ટ પોતાના માટે બોલે છે.
- Walden — જંગલના ફ્લોરનું મૌન - દરેક ઉત્પાદન એક પથ્થર છે, દરેક પિક્સેલ શેવાળ અને મૌન છે
- Fiverr — ડિજિટલ બજારનું કેન્દ્રબિંદુ શ્યામ રંગમંચના સ્ટેજ સામે જીવંત લીલો રંગનો પ્રકાશ છે. એક નિયોન લીલો ટપકું લોગો માટે એન્કર તરીકે કામ કરે છે; બાકીનો ભાગ મોનોક્રોમ છે, જે ઓફર કરવામાં આવતી સેવાઓના આકર્ષણને પ્રકાશિત કરવા માટે રચાયેલ છે.
- Peloton — કાળા રંગના રનવે પર લાલ દીવો. એક ફિટનેસ શોરૂમ જ્યાં એક જ તેજસ્વી લાલ CTA સાઇન વિશાળ, ઘેરા પ્રદર્શન જગ્યામાંથી પસાર થાય છે અને સ્વચ્છ, સફેદ પ્રોડક્ટ રૂમ તરફ દોરી જાય છે.
- HOUSEPLANT — શણના કાગળ પર બદામ સાથેની એક પુસ્તકાલય
- Adam Lippes — ક્રીમ પેપર પર એક મોનોક્રોમ એડિટોરિયલ સ્ટુડિયો - એક વોગ સ્પ્રેડ જ્યાં એકમાત્ર શણગાર લેઆઉટ ગ્રીડ છે, કલર પેલેટ નહીં.
- Elektron — મધ્યરાત્રિએ ઉપકરણ નિયંત્રણ પેનલ લગભગ કાળા રંગનું કેનવાસ છે, જ્યાં ઉત્પાદનના ફોટા ચમકતા હોય છે જ્યારે ઇન્ટરફેસ વર્ચ્યુઅલ રીતે અદ્રશ્ય રહે છે.
- Sigmaphoto — પ્રિસિઝન ઇન્સ્ટ્રુમેન્ટ્સની મોનોક્રોમ ગેલેરી એક શાંત સફેદ ઓરડો છે જ્યાં એકમાત્ર રંગ મહત્વપૂર્ણ છે તે તમને ક્રિયા માટે બોલાવે છે.
- Channel Studio — એક કોરલ લેમ્પશેડ સાથે સ્ટુડિયો ફોટો લેબ
- Specht Studio — ગુપ્ત જિજ્ઞાસાથી ભરેલી ગેલેરી દિવાલ. સ્ટુડિયોની પોતાની ક્રોમ ફિનિશ સફેદ સપાટી અને કાળા અક્ષરોવાળી છે; દ્રશ્ય ફટાકડા સંપૂર્ણપણે પ્રોજેક્ટના ટાઇલવર્કમાં કેન્દ્રિત છે.