Allbirds
വെളുത്ത ലിനനിൽ പ്രകൃതിദത്ത വസ്തുക്കൾ
ഓൾബേർഡ്സ് ശാന്തവും സ്വാഭാവികവുമായ ആത്മവിശ്വാസത്തോടെയാണ് പ്രവർത്തിക്കുന്നത് - ഏതാണ്ട് പൂർണ്ണമായും വർണ്ണാഭമായ ക്യാൻവാസ്, ഉൽപ്പന്ന ഫോട്ടോഗ്രാഫിയിൽ നിന്ന് നേരിട്ട് വരച്ച ചൂടുള്ള മണലും (#e0dacf) മിനുസപ്പെടുത്തിയ എർത്ത് ടോണുകളും ചേർന്നതാണ്. ഉപയോക്തൃ ഇന്റർഫേസ് ഉൽപ്പന്ന അനുഭവത്തെ തടസ്സപ്പെടുത്തുന്നില്ല: വെളുത്ത പ്രതലങ്ങൾ, നേർത്ത ബോർഡറുകൾ, ഓൾ-ക്യാപ്സ് നാവിഗേഷൻ, വെബ് ഘടകങ്ങളേക്കാൾ ഫിസിക്കൽ ബട്ടണുകൾ പോലെ തോന്നുന്ന പിൽ-ആകൃതിയിലുള്ള നിയന്ത്രണങ്ങൾ. എഡിറ്റോറിയൽ ശ്രദ്ധ ആവശ്യമുള്ള കുറച്ച് നിർണായക നിമിഷങ്ങൾക്ക് - തലക്കെട്ടുകളും ശേഖരണ നാമങ്ങളും - സെൽഫ് മോഡേൺ (ഒരു ഇഷ്ടാനുസൃത സെരിഫ് ഫോണ്ട്) ഉപയോഗിക്കുന്നു, അതേസമയം ജിയോഗ്രാഫ് മൂന്ന് സമതുലിതമായ ഭാരങ്ങളിൽ ഓരോ ലെറ്ററിംഗിനും ബോഡി കോപ്പിക്കും ബട്ടണിനും ഉപയോഗിക്കുന്നു. കാറ്റഗറി കാർഡുകൾ ഒരു വർണ്ണ സംവിധാനമായി മാറുന്നു: ഓരോന്നും ഫീച്ചർ ചെയ്ത ഉൽപ്പന്നത്തിൽ നിന്ന് അതിന്റെ പശ്ചാത്തല നിറം എടുക്കുന്നു, നാവിഗേഷനെ ഒരു ജീവനുള്ള പാന്റോൺ പാലറ്റാക്കി മാറ്റുന്നു.
പരമാവധി വീതി ~1200px ആണ്, മധ്യഭാഗത്ത് വിശാലമായ സൈഡ് പാഡിംഗ് ഉണ്ട്. പ്രധാന ഘടകം ചൂടുള്ള മണൽ പശ്ചാത്തലത്തിലുള്ള ഒരു പൂർണ്ണ വീതിയുള്ള എഡിറ്റോറിയൽ സ്ട്രിപ്പാണ്, മധ്യഭാഗത്ത് നിന്ന് പ്രസരിക്കുന്ന ഒരു വലിയ ഉൽപ്പന്ന കറൗസൽ. നാല് നിരകളിലായി നാല് സമാന നിറങ്ങളിലുള്ള കാർഡുകളുടെ ഒരു ഗ്രിഡാണ് വിഭാഗ നാവിഗേഷൻ, ഓരോന്നിലും ഒരൊറ്റ കേന്ദ്രീകൃത ഷൂ മോഡൽ അടങ്ങിയിരിക്കുന്നു. ഫോൾഡിന് താഴെ, ലേഔട്ട് പൂർണ്ണ വീതിയുള്ള സ്പ്ലിറ്റ് പാനലുകൾ (ഇടതുവശത്തുള്ള ജീവിതശൈലി ഫോട്ടോ + വലതുവശത്തുള്ള ഉൽപ്പന്ന സാമ്പിൾ) ഒരു ചെറിയ, അടിവരയിട്ട വിഭാഗ ശീർഷകത്തിന് കീഴിലുള്ള കേന്ദ്രീകൃത ഉൽപ്പന്ന കറൗസലുകൾ എന്നിവയ്ക്കിടയിൽ മാറിമാറി വരുന്നു. മൊത്തത്തിലുള്ള താളം ഇതാണ്: പൂർണ്ണ വീതിയുള്ള എഡിറ്റോറിയൽ പാനൽ → നാല്-കോളം ഗ്രിഡ് → കേന്ദ്രീകൃത ഉൽപ്പന്ന കറൗസൽ → രണ്ട്-കോളം സ്പ്ലിറ്റ് → കേന്ദ്രീകൃത ഉൽപ്പന്ന കറൗസൽ. വിഭാഗങ്ങൾക്കിടയിലുള്ള അകലം 40-56px ആണ്, ഇത് വായുസഞ്ചാരമുള്ളതും എന്നാൽ അമിതമായ സംക്രമണങ്ങളല്ലാത്തതുമാണ്. നാവിഗേഷൻ കേന്ദ്രീകൃതമായ പ്രാഥമിക ലിങ്കുകളുള്ള ഒരു മിനിമലിസ്റ്റ്, ഫിക്സഡ് ടോപ്പ് ബാറാണ്.
ഫോട്ടോഗ്രാഫിയാണ് മുഴുവൻ ദൃശ്യ സംവിധാനവും. ഷൂവിന്റെ ആക്സന്റ് നിറവുമായി പൊരുത്തപ്പെടുന്നതോ പൂരകമാകുന്നതോ ആയ ഒരു സോളിഡ് പശ്ചാത്തലത്തിൽ, ചെറിയ കോണിൽ നിന്ന് ക്ലോസ്-അപ്പ് ചെയ്തിരിക്കുന്ന എല്ലാ ഉൽപ്പന്ന ഷോട്ടുകളും, ഫലപ്രദമായി ഓരോ ഫോട്ടോയെയും ഒരു കളർ സ്റ്റഡിയാക്കി മാറ്റുന്നു. ജീവിതശൈലി ഫോട്ടോകൾ ഊഷ്മളവും സണ്ണി ടോണുകളിലും, സ്വാഭാവിക സാഹചര്യങ്ങളിലും (അഗേവ് ഫീൽഡുകൾ, മരപ്പലകകൾ, പരുക്കൻ ഭൂപ്രദേശം), മ്യൂട്ട് ചെയ്ത പാലറ്റുമായി പൊരുത്തപ്പെടുന്നതിന് സൂക്ഷ്മമായി മ്യൂട്ട് ചെയ്തിരിക്കുന്നു. ചിത്രീകരണങ്ങളൊന്നുമില്ല, 3D റെൻഡറുകളില്ല, അമൂർത്ത ഗ്രാഫിക്സുകളില്ല. പാന്റോണുമായി സഹകരിച്ച്, ലിറ്ററൽ കളർ പാലറ്റ് ഒരു ഗ്രാഫിക് ഘടകമായി ഉപയോഗിക്കുന്നു. ഐക്കണോഗ്രഫി മിനിമലിസ്റ്റും മോണോക്രോമും ആണ് (നാവിഗേഷനിലും സഹായ സ്ഥാനങ്ങളിലും ഔട്ട്ലൈൻ ഐക്കണുകൾ).
പാലറ്റ്
നിഷ്പക്ഷം
- Canvas White
#ffffff— പേജ് പശ്ചാത്തല ചിത്രങ്ങൾ, കാർഡ് പ്രതലങ്ങൾ, ഉൽപ്പന്ന കാർഡ് പശ്ചാത്തല ചിത്രങ്ങൾ. - Charcoal
#212121— ദ്വിതീയ UI ഘടകങ്ങൾ, ഡിവൈഡറുകൾ, മ്യൂട്ട് ചെയ്ത ലേബലുകൾ എന്നിവയ്ക്ക് ഒരു ന്യൂട്രൽ നിറം പിന്തുണയ്ക്കുന്നു. കോൾ ടു ആക്ഷന് പ്രാഥമിക നിറമായി ഇത് ഉപയോഗിക്കരുത്. - True Black
#000000— തലക്കെട്ടുകൾ, ഐക്കണുകൾ, ഉയർന്ന ദൃശ്യതീവ്രതയുള്ള ഫ്രെയിമുകൾ, നാവിഗേഷൻ വാചകം. - Warm Sand
#e0dacf— പ്രധാന വിഭാഗ പശ്ചാത്തലം, അധിക ഉപരിതല നിഴൽ, വലിയ എഡിറ്റോറിയൽ പാനലുകൾ. - Olive Char
#222519— ദ്വിതീയ UI ഘടകങ്ങൾ, ഡിവൈഡറുകൾ, മ്യൂട്ട് ചെയ്ത ലേബലുകൾ എന്നിവയ്ക്ക് ഒരു ന്യൂട്രൽ നിറം പിന്തുണയ്ക്കുന്നു. കോൾ ടു ആക്ഷന് പ്രാഥമിക നിറമായി ഇത് ഉപയോഗിക്കരുത്. - Iron Gray
#525252— ദ്വിതീയ വാചകം, സഹായ വാചകം, ശ്രദ്ധ ആകർഷിക്കാത്ത ഫ്രെയിമുകൾ.
ടൈപ്പോഗ്രാഫി
12 മുതൽ 40px വരെ · 6 ചുവടുകൾ
- Self Modern — മാറ്റിസ്ഥാപിക്കൽ: Playfair Display · രൂപരേഖകൾ 400 · പ്രധാന പദസമുച്ചയങ്ങളും ശേഖര ശീർഷകങ്ങളും എടുത്തുകാണിച്ചുകൊണ്ട് തലക്കെട്ടുകളും എഡിറ്റോറിയലും വളരെ കുറച്ച് മാത്രമേ ഉപയോഗിച്ചിട്ടുള്ളൂ. സെരിഫും ഇറ്റാലിക് ടൈപ്പ്ഫേസുകളും സാൻസ്-സെരിഫ് ടൈപ്പ്ഫേസുകളുടെ ഏകതാനതയെ തകർക്കുകയും "ഇതാണ് കഥയുടെ സത്ത" എന്ന സന്ദേശം നൽകുകയും ചെയ്യുന്നു.
- Geograph — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400, 500, 700 · ഉപയോക്തൃ ഇന്റർഫേസിനായുള്ള പ്രാഥമിക ഫോണ്ടിൽ ബോഡി ടെക്സ്റ്റ്, നാവിഗേഷൻ ലേബലുകൾ, ബട്ടണുകൾ, ഉൽപ്പന്ന തലക്കെട്ടുകൾ, അടിക്കുറിപ്പുകൾ, ഇൻപുട്ട് ഫീൽഡുകൾ, ഐക്കണുകൾ എന്നിവ ഉൾപ്പെടുന്നു. ഹൈലൈറ്റ് ചെയ്ത തലക്കെട്ടുകൾക്ക് 500 ഉം ഉൽപ്പന്ന നാമങ്ങൾക്ക് 700 ഉം. നാവിഗേഷൻ ലേബലുകളിലും വിഭാഗങ്ങളിലും വലിയ അക്ഷരങ്ങളിൽ വിശാലമായ അക്ഷര വിടവ് (0.025em–0.10em) ഒരു സ്ഥിരമായ ബ്രാൻഡ് ശൈലി സ്ഥാപിക്കുന്നു.
- HurmeGeometricSans3 — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400 · ഒരു ബട്ടണിനുള്ള ബാക്കപ്പ് അല്ലെങ്കിൽ സമർപ്പിത ലേബൽ ആയി അപൂർവ്വമായി ഉപയോഗിക്കുന്നു. ജിയോഗ്രാഫ് ഈ സിസ്റ്റം ദിവസവും ഉപയോഗിക്കുന്നു.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | ഇടതൂർന്ന |
| അടിസ്ഥാന ഘട്ടം | 8-16px |
| ബട്ടൺ ആരം | 9999px (pill) |
| കാർഡ് ആരം | 16px |
| ഷാഡോകൾ | ഷാഡോകൾക്ക് പകരം ബോർഡറുകൾ ഇല്ല |
| വിഭാഗങ്ങൾക്കിടയിൽ | 40-56px |
| പേജ് വീതി | 1200px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് Allbirds ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- Lightship — തുറന്ന റോഡിന്റെ ഒരു സിനിമാറ്റിക് ഡയോരമ. അടുത്ത ഇടവേളകളിൽ സ്ഥാപിച്ചിരിക്കുന്ന വലിയ ലാൻഡ്സ്കേപ്പ് ഫോട്ടോഗ്രാഫുകൾ, ഫ്രെയിമുകളിൽ കഷ്ടിച്ച് കാണാവുന്ന നേർത്ത കറുത്ത ടൈപ്പ്, ഒരു പുൽമേടിലെ തീപ്പൊരി പോലെ മോണോക്രോമിനെ തകർക്കുന്ന ഒരു തിളക്കമുള്ള ഓറഞ്ച് ആക്സന്റ് എന്നിവയാൽ അലങ്കരിച്ച ചൂടുള്ള ക്രീം ഗാലറി ചുവരുകൾ.
- Faire ES — ചൂടുള്ള ക്രീമിന്റെ മൊത്തവ്യാപാര കാറ്റലോഗ്
- Adanola — വെള്ളക്കടലാസിൽ തയ്യാറാക്കിയ ഒരു എഡിറ്റോറിയൽ ലുക്ക്ബുക്ക്. വെളുത്ത പ്രതലങ്ങളിൽ ടൈപ്പോഗ്രാഫിയും ഫോട്ടോഗ്രാഫിയും നിറഞ്ഞ ഒരു ഫാഷൻ ഷൂട്ട്, അതിൽ കറുത്ത മഷിയും, ബ്രാൻഡിന്റെ മൊത്തത്തിലുള്ള ശൈലി പ്രതിഫലിപ്പിക്കുന്ന ഒരു സൂക്ഷ്മമായ സിഗ്നേച്ചർ സാൻസ്-സെരിഫ് ഫോണ്ടും (പ്രിയപ്പെട്ടവ) ഉണ്ട്.
- Oura Ring — ഇളം വെയിലിൽ കുളിച്ചു നിൽക്കുന്ന, സുഖകരമായ ഒരു ഓട്സ് നിർമ്മാണ വർക്ക്ഷോപ്പ്.
- Stykka — വെളുത്ത വെളിച്ചത്തിൽ ഒരു സ്കാൻഡിനേവിയൻ വർക്ക്ഷോപ്പ് - ഫോട്ടോഗ്രാഫി മാത്രമുള്ള ശാന്തവും കരകൗശലവുമായ ഒരു ഷോറൂം.
- DJI — ഒറ്റ ഇലക്ട്രിക് നീല ഹൈലൈറ്റുള്ള എയ്റോസ്പേസ് കറുത്ത ക്യാൻവാസ്
- Altitude Beverages — മോണോക്രോം മാഗസിൻ സ്പ്രെഡ്. സ്റ്റിൽ ഫോട്ടോകൾ ഒഴികെയുള്ള എല്ലാ നിറങ്ങളും നീക്കം ചെയ്ത ഒരു ഫാഷൻ മാഗസിൻ സ്പ്രെഡ് സങ്കൽപ്പിക്കുക - വാചകവും വെളുത്ത ഇടവും മുഴുവൻ കഥയും പറയുന്നു.
- AATHER — തുറന്ന കൈപ്പത്തി, ഒറ്റ ജ്വാല - നിശ്ചലതയിൽ അടങ്ങിയിരിക്കുന്ന ശാന്തമായ ഒരു ആഡംബരം.
- Cowboy — വെളുത്ത നിറത്തിലുള്ള പോർസലൈൻ പശ്ചാത്തലത്തിൽ ഒരു ബെൽജിയൻ സൈക്കിൾ ഗാലറി. മാറ്റ് പ്രതലങ്ങൾ, എഡിറ്റോറിയൽ മെറ്റീരിയലുകളിൽ ഉപയോഗിക്കുന്ന വലിയ ഫോണ്ടുകൾ, അലങ്കാരങ്ങളുടെ അഭാവം എന്നിവയുള്ള ഒരു ഷോറൂം, സൈക്കിളിലേക്കും അതിലെ ഉള്ളടക്കങ്ങളിലേക്കും ശ്രദ്ധ ആകർഷിക്കുന്നു.
- Refero — വെളുത്ത മാർബിളിലെ എഡിറ്റോറിയൽ ലേഔട്ട് - ഒരു ടൈപ്പോഗ്രാഫർ സൃഷ്ടിച്ച ഒരു ഉൽപ്പന്ന പേജ്, ഇവിടെ സെരിഫ് തലക്കെട്ട് ബ്രാൻഡിന്റെ കോളിംഗ് കാർഡാണ്, മറ്റെല്ലാം ശ്രദ്ധ ആകർഷിക്കുന്നില്ല.
- Face Formula — ഒരു സ്കാൻഡിനേവിയൻ എഡിറ്റോറിയൽ ഛായാചിത്രം. തണുത്തതും മൂടൽമഞ്ഞുള്ളതുമായ പശ്ചാത്തലത്തിൽ, മോഡലിന്റെ നോട്ടവും സംക്ഷിപ്ത സെരിഫ് ഫോണ്ടിൽ എഴുതിയ തലക്കെട്ടും സ്വയം സംസാരിക്കുന്ന ശാന്തവും മാഗസിൻ ശൈലിയിലുള്ളതുമായ ഒരു ചിത്രം.
- Shupatto — വെളുത്ത മാർബിളിൽ നിർമ്മിച്ച മ്യൂസിയം പ്രദർശന പെട്ടി