Glossier
സൺഷൈൻ ഫോട്ടോഷൂട്ട് - വെള്ള പേപ്പർ, കറുത്ത മഷി, ഒരു തിളക്കമുള്ള മഞ്ഞ ആക്സന്റ്
ഗ്ലോസിയർ ഒരു ഡിജിറ്റൽ ബ്യൂട്ടി മാഗസിൻ പോലെ പ്രവർത്തിക്കുന്നു: വെള്ളയും കറുപ്പും നിറങ്ങളിലുള്ള ഏതാണ്ട് മോണോക്രോം ക്യാൻവാസ്, ബ്രാൻഡിന്റെ ലോഗോയും പ്രവർത്തനത്തിലേക്കുള്ള ഏക ആഹ്വാനവുമായി ഇരട്ടിയായി വർത്തിക്കുന്ന ഒറ്റ, ഊർജ്ജസ്വലമായ മഞ്ഞ ആക്സന്റ് ഉപയോഗിച്ച് വിരാമമിട്ടു. സിസ്റ്റം എഡിറ്റോറിയലായി നിയന്ത്രിതമാണ് - അമിത വലുപ്പമുള്ള അപ്പെർക്കു തലക്കെട്ടുകൾ, വിശാലമായ ടെക്സ്റ്റ് സ്പേസ്, വൈകാരിക ഭാരത്തിന്റെ ഭൂരിഭാഗവും വഹിക്കുന്ന പൂർണ്ണ പേജ് ലൈഫ്സ്റ്റൈൽ ഫോട്ടോഗ്രാഫി - കൂടാതെ നിർവ്വഹണത്തിൽ ഉപയോഗപ്രദവുമാണ്: ഫ്ലാറ്റ് ഉൽപ്പന്ന കാർഡുകൾ, നേർത്ത ബോർഡറുകൾ, അലങ്കാരത്തിന്റെ പൂർണ്ണമായ അഭാവം. മഞ്ഞ ഒരു ദ്വിതീയ ബ്രാൻഡ് നിറമല്ല; ഇത് ബ്രാൻഡാണ്, മിതമായി ഉപയോഗിക്കുന്നു, അതിനാൽ ഓരോ രൂപവും ഒരു ക്യാമറ ഫ്ലാഷ് പോലെ തോന്നുന്നു. മറ്റെല്ലാം പശ്ചാത്തലത്തിലേക്ക് മങ്ങാൻ ഉദ്ദേശിച്ചുള്ളതാണ്: ന്യൂട്രലുകൾ സൂക്ഷ്മമായ ബ്ലഷ് അണ്ടർടോണുള്ള ചൂടുള്ള ചാരനിറങ്ങളാണ്, ബോർഡറുകൾ സൂക്ഷ്മമാണ്, ടൈപ്പ് ഇടതൂർന്നതും സാന്ദ്രവുമാണ്. ഫലം ആത്മവിശ്വാസം, കുറച്ചുകാണൽ, വിട്ടുവീഴ്ചയില്ലാത്ത ആധുനികത അനുഭവപ്പെടുന്ന ഒരു സ്റ്റോർഫ്രണ്ട് ആണ്.
പേജിൽ ലംബമായി ക്രമീകരിച്ചിരിക്കുന്ന പൂർണ്ണ സ്ക്രീൻ വിഭാഗങ്ങളുടെ ഒരു പരമ്പരയുണ്ട്, ഓരോന്നും ഒരു സ്റ്റാൻഡ്-എലോൺ എഡിറ്റോറിയൽ സ്പ്രെഡ് ആയി രൂപകൽപ്പന ചെയ്തിരിക്കുന്നു. പ്രധാന വിഭാഗം ഒരു പൂർണ്ണ വീതിയുള്ള ഫോട്ടോയാണ്, അതിൽ പൊങ്ങിക്കിടക്കുന്ന വെളുത്ത ഓവർലേ (മുകളിൽ ഇടത്) പേജിന്റെ മുഴുവൻ അടിഭാഗവും ഉൾക്കൊള്ളുന്ന ഒരു വലിയ മഞ്ഞ ലോഗോയുണ്ട്. പ്രധാന വിഭാഗത്തിന് താഴെ, പൂർണ്ണ സ്ക്രീൻ ചിത്രങ്ങളും വ്യക്തിഗത കാർഡുകളുടെ ഗ്രിഡുകളും തമ്മിൽ വിഭാഗങ്ങൾ മാറിമാറി രണ്ട് നിരകളായി വിഭജിക്കുന്നു (സ്കിൻകെയർ/മേക്കപ്പ്) ചിത്രങ്ങളുടെ തുല്യ അനുപാതം (50/50) ദൃശ്യമായ ഒരു ബോർഡർ ഇല്ലാതെയാണ് സംഭവിക്കുന്നത് - ചിത്രങ്ങളെ ബന്ധിപ്പിക്കുന്ന ഒരു രേഖ മാത്രമേ അവയെ വേർതിരിക്കുന്നുള്ളൂ. ഉൽപ്പന്ന കാറ്റലോഗ് #f7f7f7 ക്യാൻവാസിൽ ചതുര കാർഡുകളുടെ നാല് കോളം ഗ്രിഡ് ഉപയോഗിക്കുന്നു. നാവിഗേഷൻ ഒരു മിനിമലിസ്റ്റ് ടോപ്പ് ബാറാണ്, അതിന് മുകളിൽ ഒരു ദ്വിതീയ പരസ്യ സ്ട്രിപ്പ് ഉണ്ട്. വിഭാഗങ്ങൾക്കിടയിലുള്ള വിടവുകൾ വളരെ വലുതാണ് (64px), എന്നാൽ വിഭാഗങ്ങൾക്കിടയിലുള്ള സംക്രമണങ്ങൾ സുഗമമാണ് - ഊഷ്മള അടിക്കുറിപ്പ് ഒഴികെ, ഡിവൈഡറുകളോ ഒന്നിടവിട്ട പശ്ചാത്തല നിറങ്ങളോ ഇല്ലാതെ. മൊത്തത്തിലുള്ള താളം ഇതാണ്: ഫോട്ടോഗ്രാഫ്, ടെക്സ്റ്റ്, ഫോട്ടോഗ്രാഫ്, ഗ്രിഡ്, ഫോട്ടോഗ്രാഫ് - ഒരു ഫാഷൻ മാഗസിൻ മറിച്ചിടുന്നത് പോലെ.
ഫോട്ടോഗ്രാഫിയാണ് പ്രധാന ദൃശ്യഭാഷ. മുഴുവൻ കാഴ്ചാ മേഖലയും ജീവിതശൈലി ചിത്രങ്ങളും ഛായാചിത്രങ്ങളും കൊണ്ട് നിറഞ്ഞിരിക്കുന്നു - ഊഷ്മളമായ സുവർണ്ണ മണിക്കൂർ ലൈറ്റിംഗ്, ചർമ്മത്തിന്റെ മൃദുവായ ക്ലോസ്-അപ്പുകൾ, സൂര്യപ്രകാശത്തിന്റെ പശ്ചാത്തലത്തിൽ ഉൽപ്പന്ന കുപ്പികൾ പിടിച്ചിരിക്കുന്ന കൈകൾ. ഫോട്ടോഗ്രാഫുകളിലെ വർണ്ണ പാലറ്റ് ഊഷ്മളവും അപൂരിതവുമാണ്: പീച്ച് ആകാശം, ടെറാക്കോട്ട ചർമ്മ ടോണുകൾ, ആഴക്കടൽ നീലകൾ. വെളുത്ത ടെക്സ്റ്റ് കാർഡുകളോ മഞ്ഞ ലോഗോയോ ഒഴികെ, വൃത്താകൃതിയിലുള്ള കോണുകളോ ഫ്രെയിമുകളോ ഓവർലേകളോ ഇല്ലാതെ ചിത്രങ്ങൾ എല്ലായ്പ്പോഴും മുഴുവൻ പേജ് പ്രതലവും ഉൾക്കൊള്ളുന്നു. കാറ്റലോഗ് കാർഡുകളിലെ ഉൽപ്പന്ന ഫോട്ടോകൾ പരന്നതും തുല്യവുമായ ലൈറ്റിംഗുള്ള ശുദ്ധമായ വെളുത്ത തടസ്സമില്ലാത്ത പശ്ചാത്തലത്തിലാണ് ചിത്രീകരിച്ചിരിക്കുന്നത്. ഇമേജ്-ടു-ടെക്സ്റ്റ് അനുപാതം ഏകദേശം 70/30 ആണ് - ചിത്രങ്ങൾ വികാരം, വാചകം, പ്രവർത്തനം എന്നിവ അറിയിക്കുന്നു. ചിത്രീകരണങ്ങളില്ല, അമൂർത്ത ഗ്രാഫിക്സുകളില്ല, 3D റെൻഡറിംഗുകളില്ല.
പാലറ്റ്
ബ്രാൻഡ്
- Glossier Yellow
#fff116— അലങ്കാര വിശദാംശങ്ങൾക്കും, പതിവായി ഉപയോഗിക്കാത്ത തിരയൽ ചോദ്യങ്ങൾ ഹൈലൈറ്റ് ചെയ്യുന്നതിനും മഞ്ഞ ഒരു ദ്വിതീയ ആക്സന്റായി ഉപയോഗിക്കുന്നു. ഒരു കോൾ ടു ആക്ഷന് പ്രാഥമിക നിറമായി ഇത് ഉപയോഗിക്കരുത്.
നിഷ്പക്ഷം
- Ink
#000000— ബോഡി ടെക്സ്റ്റ്, നാവിഗേഷൻ ലിങ്കുകൾ, പ്രധാന ടെക്സ്റ്റ്, ഫൂട്ടർ ടെക്സ്റ്റ്, ഐക്കൺ ഔട്ട്ലൈനുകൾ, നേർത്ത ബോർഡറുകൾ; പ്രബലമായ ടൈപ്പോഗ്രാഫിക്, ഘടനാപരമായ നിറം. - Paper
#ffffff— ഉൽപ്പന്ന കാർഡ് പ്രതലങ്ങൾ, ഫിൽ ഏരിയകൾ, ഉയർത്തിയ പാനലുകൾ; സ്റ്റാക്കിലെ ഏറ്റവും തിളക്കമുള്ള പ്രതല നില. - Fog
#f7f7f7— പേജ് ക്യാൻവാസ്, സെക്ഷൻ പശ്ചാത്തലങ്ങൾ, പേജിലെ ചിത്രങ്ങൾക്കിടയിലുള്ള സംക്രമണങ്ങൾ; മുഴുവൻ വെബ്സൈറ്റും സ്ഥിതിചെയ്യുന്ന അടിസ്ഥാന ഉപരിതലം. - Blush
#faf2f4— അടിക്കുറിപ്പ് പശ്ചാത്തലം, മൃദുവായ ഊഷ്മളമായ സെക്ഷൻ ഡിവൈഡറുകൾ; സൂക്ഷ്മമായ പിങ്ക് കലർന്ന വെള്ള നിറം പേജുകളുടെ അടിഭാഗത്ത് ഊഷ്മളത നൽകുന്നു. - Mist
#f0f0f0— ശ്രദ്ധ ആകർഷിക്കാത്ത പശ്ചാത്തലം സൃഷ്ടിക്കുന്നതിനും ഭാഗങ്ങൾ വേർതിരിക്കുന്നതിനുമുള്ള ഒരു ലൈറ്റ് സപ്പോർട്ടിംഗ് പ്രതലം. കോൾ ടു ആക്ഷന് പ്രാഥമിക നിറമായി ഇത് ഉപയോഗിക്കരുത്. - Ash
#e8e8e8— ഇൻപുട്ട് ഫീൽഡ് ബോർഡറുകൾ, ഐക്കൺ പശ്ചാത്തലങ്ങൾ, നേർത്ത സെപ്പറേറ്റർ ലൈനുകൾ; കാർഡുകൾക്കും ഫോം ഘടകങ്ങൾക്കുമുള്ള ഘടനാപരമായ ബോർഡർ നിറം.
ടൈപ്പോഗ്രാഫി
12 മുതൽ 32px വരെ · 5 ചുവടുകൾ
- Apercu — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400, 500, 700 · യൂസർ ഇന്റർഫേസിൽ ഉടനീളം പ്രാഥമിക ടൈപ്പ്ഫേസ് ഉപയോഗിക്കുന്നു - ബോഡി കോപ്പി 16px/400, നാവിഗേഷനും അടിക്കുറിപ്പുകളും 12–14px/500, ഉപതലക്കെട്ടുകൾ 20px/500, എഡിറ്റോറിയൽ തലക്കെട്ടുകൾ 32px/700. അപെർക്കുവിന്റെ ജ്യാമിതീയവും മാനുഷികവുമായ രൂപകൽപ്പന ബ്രാൻഡിന് ഒരു സംക്ഷിപ്തവും ആധുനികവുമായ ശൈലി നൽകുന്നു; പൂജ്യത്തിനടുത്തുള്ള അക്ഷര വിടവ് (0.002–0.003em) ടൈപ്പ്ഫേസിനെ വായുസഞ്ചാരമുള്ളതോ സൗഹൃദപരമോ ആക്കുന്നതിനുപകരം ഒതുക്കമുള്ളതും മാഗസിൻ പോലെയുമാക്കുന്നു. 700 ഭാരം എഡിറ്റോറിയലുകളിലെ പ്രദർശന ഘടകങ്ങൾക്കായി നീക്കിവച്ചിരിക്കുന്നു, UI ഘടകങ്ങൾക്കല്ല.
- Apercu Mono — മാറ്റിസ്ഥാപിക്കൽ: JetBrains Mono or IBM Plex Mono · രൂപരേഖകൾ 400 · ഓർഡർ മെറ്റാഡാറ്റ, ട്രാക്കിംഗ് നമ്പറുകൾ, കോഡിന് അടുത്തുള്ള ലേബലുകൾ എന്നിവയ്ക്കായുള്ള മൈക്രോ-യൂട്ടിലിറ്റേറിയൻ ടൈപ്പോഗ്രാഫി; മോണോസ്പേസ്ഡ് പതിപ്പ് ആനുപാതിക ബോഡി തരത്തിനെതിരെ ഒരു സാങ്കേതിക ഘടന സൃഷ്ടിക്കുന്നു.
- GTStandard-M — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400 · GTStandard-M - വേർതിരിച്ചെടുത്ത ഡാറ്റയിൽ കാണപ്പെടുന്നു, പക്ഷേ AI വിവരിച്ചിട്ടില്ല.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | ശരാശരി |
| അടിസ്ഥാന ഘട്ടം | 8px |
| ബട്ടൺ ആരം | 0px |
| കാർഡ് ആരം | 0px |
| ഷാഡോകൾ | ഷാഡോകൾക്ക് പകരം ബോർഡറുകൾ ഇല്ല |
| വിഭാഗങ്ങൾക്കിടയിൽ | 64px |
| പേജ് വീതി | 1440px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് Glossier ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- Lightship — തുറന്ന റോഡിന്റെ ഒരു സിനിമാറ്റിക് ഡയോരമ. അടുത്ത ഇടവേളകളിൽ സ്ഥാപിച്ചിരിക്കുന്ന വലിയ ലാൻഡ്സ്കേപ്പ് ഫോട്ടോഗ്രാഫുകൾ, ഫ്രെയിമുകളിൽ കഷ്ടിച്ച് കാണാവുന്ന നേർത്ത കറുത്ത ടൈപ്പ്, ഒരു പുൽമേടിലെ തീപ്പൊരി പോലെ മോണോക്രോമിനെ തകർക്കുന്ന ഒരു തിളക്കമുള്ള ഓറഞ്ച് ആക്സന്റ് എന്നിവയാൽ അലങ്കരിച്ച ചൂടുള്ള ക്രീം ഗാലറി ചുവരുകൾ.
- Faire ES — ചൂടുള്ള ക്രീമിന്റെ മൊത്തവ്യാപാര കാറ്റലോഗ്
- Adanola — വെള്ളക്കടലാസിൽ തയ്യാറാക്കിയ ഒരു എഡിറ്റോറിയൽ ലുക്ക്ബുക്ക്. വെളുത്ത പ്രതലങ്ങളിൽ ടൈപ്പോഗ്രാഫിയും ഫോട്ടോഗ്രാഫിയും നിറഞ്ഞ ഒരു ഫാഷൻ ഷൂട്ട്, അതിൽ കറുത്ത മഷിയും, ബ്രാൻഡിന്റെ മൊത്തത്തിലുള്ള ശൈലി പ്രതിഫലിപ്പിക്കുന്ന ഒരു സൂക്ഷ്മമായ സിഗ്നേച്ചർ സാൻസ്-സെരിഫ് ഫോണ്ടും (പ്രിയപ്പെട്ടവ) ഉണ്ട്.
- Oura Ring — ഇളം വെയിലിൽ കുളിച്ചു നിൽക്കുന്ന, സുഖകരമായ ഒരു ഓട്സ് നിർമ്മാണ വർക്ക്ഷോപ്പ്.
- Stykka — വെളുത്ത വെളിച്ചത്തിൽ ഒരു സ്കാൻഡിനേവിയൻ വർക്ക്ഷോപ്പ് - ഫോട്ടോഗ്രാഫി മാത്രമുള്ള ശാന്തവും കരകൗശലവുമായ ഒരു ഷോറൂം.
- DJI — ഒറ്റ ഇലക്ട്രിക് നീല ഹൈലൈറ്റുള്ള എയ്റോസ്പേസ് കറുത്ത ക്യാൻവാസ്
- Altitude Beverages — മോണോക്രോം മാഗസിൻ സ്പ്രെഡ്. സ്റ്റിൽ ഫോട്ടോകൾ ഒഴികെയുള്ള എല്ലാ നിറങ്ങളും നീക്കം ചെയ്ത ഒരു ഫാഷൻ മാഗസിൻ സ്പ്രെഡ് സങ്കൽപ്പിക്കുക - വാചകവും വെളുത്ത ഇടവും മുഴുവൻ കഥയും പറയുന്നു.
- AATHER — തുറന്ന കൈപ്പത്തി, ഒറ്റ ജ്വാല - നിശ്ചലതയിൽ അടങ്ങിയിരിക്കുന്ന ശാന്തമായ ഒരു ആഡംബരം.
- Cowboy — വെളുത്ത നിറത്തിലുള്ള പോർസലൈൻ പശ്ചാത്തലത്തിൽ ഒരു ബെൽജിയൻ സൈക്കിൾ ഗാലറി. മാറ്റ് പ്രതലങ്ങൾ, എഡിറ്റോറിയൽ മെറ്റീരിയലുകളിൽ ഉപയോഗിക്കുന്ന വലിയ ഫോണ്ടുകൾ, അലങ്കാരങ്ങളുടെ അഭാവം എന്നിവയുള്ള ഒരു ഷോറൂം, സൈക്കിളിലേക്കും അതിലെ ഉള്ളടക്കങ്ങളിലേക്കും ശ്രദ്ധ ആകർഷിക്കുന്നു.
- Refero — വെളുത്ത മാർബിളിലെ എഡിറ്റോറിയൽ ലേഔട്ട് - ഒരു ടൈപ്പോഗ്രാഫർ സൃഷ്ടിച്ച ഒരു ഉൽപ്പന്ന പേജ്, ഇവിടെ സെരിഫ് തലക്കെട്ട് ബ്രാൻഡിന്റെ കോളിംഗ് കാർഡാണ്, മറ്റെല്ലാം ശ്രദ്ധ ആകർഷിക്കുന്നില്ല.
- Face Formula — ഒരു സ്കാൻഡിനേവിയൻ എഡിറ്റോറിയൽ ഛായാചിത്രം. തണുത്തതും മൂടൽമഞ്ഞുള്ളതുമായ പശ്ചാത്തലത്തിൽ, മോഡലിന്റെ നോട്ടവും സംക്ഷിപ്ത സെരിഫ് ഫോണ്ടിൽ എഴുതിയ തലക്കെട്ടും സ്വയം സംസാരിക്കുന്ന ശാന്തവും മാഗസിൻ ശൈലിയിലുള്ളതുമായ ഒരു ചിത്രം.
- Shupatto — വെളുത്ത മാർബിളിൽ നിർമ്മിച്ച മ്യൂസിയം പ്രദർശന പെട്ടി