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— ബട്ടണുകളിലും ബോഡി ടെക്സ്റ്റിലും ടെക്സ്റ്റ് പ്രവർത്തനരഹിതമാക്കി/മ്യൂട്ട് ചെയ്തു
ടൈപ്പോഗ്രാഫി
10 മുതൽ 18px വരെ · 4 ചുവടുകൾ
- 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 — വിവേകപൂർണ്ണമായ കൗതുകം നിറഞ്ഞ ഒരു ഗാലറി മതിൽ. സ്റ്റുഡിയോയുടെ സ്വന്തം ക്രോം ഫിനിഷ് വെളുത്ത പ്രതലവും കറുത്ത അക്ഷരങ്ങളുമാണ്; ദൃശ്യ വെടിക്കെട്ട് പൂർണ്ണമായും പ്രോജക്റ്റിന്റെ ടൈൽ വർക്കിൽ കേന്ദ്രീകരിച്ചിരിക്കുന്നു.