Creative Giants
ക്രീം പേപ്പറിൽ വലിയ ഫോർമാറ്റ് എഡിറ്റോറിയൽ പോസ്റ്റർ
ക്രിയേറ്റീവ് ജയന്റ്സ് ഒരു വലിയ ആർട്ട്ബുക്ക് സ്പ്രെഡ് പോലെ കാണപ്പെടുന്നു, കോഡിൽ റെൻഡർ ചെയ്തിരിക്കുന്നു: ഒരു ചൂടുള്ള, ക്രീമി ക്യാൻവാസ്, നേർത്ത മാർജിനുകൾ, ടൈപ്പ് വളരെ വലുതാണ്, ഇത് ഒരു തലക്കെട്ടിനേക്കാൾ ഒരു പോസ്റ്റർ പോലെ തോന്നുന്നു. മുഴുവൻ സിസ്റ്റവും നെഗറ്റീവ് സ്പെയ്സിലും ഒറ്റ, ഭാരം കുറഞ്ഞ വലുപ്പത്തിലും (300) പ്രവർത്തിക്കുന്നു - ബോൾഡിൽ വേറിട്ടുനിൽക്കുന്നതിനുപകരം 64–84px-ൽ തലക്കെട്ടുകൾ കഷ്ടിച്ച് കേൾക്കാൻ മാത്രമേ കഴിയൂ, കൂടാതെ ടൈപ്പ് വലുപ്പം വർദ്ധിക്കുന്നതിനനുസരിച്ച് അക്ഷരങ്ങളുടെ അകലം കുത്തനെ കുറയുന്നു (-0.04em), അതിനാൽ വാക്കുകൾ അടർന്നുപോകുന്നതിനുപകരം ഉളുക്കിയതായി തോന്നുന്നു. വർണ്ണ സ്കീം ചെറിയ, പൂരിത ബ്രഷ്സ്ട്രോക്കുകളിലാണ് വിതരണം ചെയ്തിരിക്കുന്നത്: വൈബ്രന്റ് പർപ്പിൾ, ഡീപ് ടർക്കോയ്സ്, ഇളം നീല, ഹോട്ട് പിങ്ക്, മിന്റ്, നേവി എന്നിവ പശ്ചാത്തല ഫില്ലുകളല്ല, കാർഡ് പ്രതലങ്ങളോ ആക്സന്റുകളോ ആയി കാണപ്പെടുന്നു. ഇന്ററാക്ടീവ് ഘടകങ്ങൾ ക്രീം പശ്ചാത്തലത്തിൽ പൂർണ്ണമായും വൃത്താകൃതിയിലുള്ള (1440px) ആരങ്ങളുള്ള കറുത്ത ആകൃതികളാണ്, അതേസമയം ക്രോം ഘടകങ്ങൾ ഏതാണ്ട് അദൃശ്യമാണ് - ഒരു വൃത്താകൃതിയിലുള്ള ലോഗോയും "മെനു" ബട്ടണും വെളുത്ത സ്ഥലത്ത് പൊങ്ങിക്കിടക്കുന്നു. വിഷ്വൽ ആശയം ഒരു പ്രൊഡക്ഷൻ സ്റ്റുഡിയോയുടെ കോൺടാക്റ്റ് ഷീറ്റാണ്: ഒരു വലിയ തലക്കെട്ട്, ഒരു പൂർണ്ണ വീതിയുള്ള ഫോട്ടോ, ഒരു നിശബ്ദ മെറ്റാടെക്സ്റ്റ്. മറ്റെല്ലാ പേജുകളും ഒരേ ലാക്കോണിക് ശൈലി പിന്തുടരണം.
പൂർണ്ണമായി പൂരിപ്പിക്കുന്ന പേജ് ലേഔട്ട്: പരമാവധി വീതിയുള്ള കണ്ടെയ്നർ ഇല്ല; ഇടതുവശത്തും വലതുവശത്തും തുല്യ മാർജിനുകളോടെ ഉള്ളടക്കം പേജിന്റെ മുഴുവൻ വീതിയും ഉൾക്കൊള്ളുന്നു (മൊബൈലിൽ 16–32px, ഡെസ്ക്ടോപ്പിൽ 32px+). പ്രധാന തലക്കെട്ട് വ്യൂപോർട്ടിന്റെ ഏകദേശം 40% ഉൾക്കൊള്ളുന്ന ഒരു വലിയ ഒറ്റ തലക്കെട്ടാണ് ("ക്രിയേറ്റീവ് ജയന്റ്സ്" 84px-ൽ). തൊട്ടുപിന്നാലെ താഴെ ഇടത് മൂലയിൽ ഒരു മെറ്റാ ടാഗും ഒരു ടൈറ്റിൽ ഓവർലേയും ഉള്ള ഒരു ഫുൾ-ഫിൽ ഫോട്ടോ. വിഭാഗ താളം ഏകശിലാരൂപമാണ്: ഓരോ പുതിയ വിഭാഗവും ആരംഭിക്കുന്നത് ചെറിയ അളവിലുള്ള ഓൾ-ക്യാപ്സ് പകർപ്പും ഒരു വിശദീകരണവും ഉപയോഗിച്ചാണ്, 48–64px വൈറ്റ് സ്പേസ് കൊണ്ട് വേർതിരിച്ചിരിക്കുന്നു - ഒരു വിപരീത നേവി ഇങ്ക് ആക്സന്റ് കാർഡ് ഒഴികെ ഒന്നിടവിട്ട ഇരുണ്ട/ലൈറ്റ് ബാൻഡുകളൊന്നുമില്ല. ഉള്ളടക്കം ഇടത്-വിന്യസിച്ചിരിക്കുന്നു; പ്രധാന തലക്കെട്ട് ഒഴികെ കേന്ദ്രീകൃത ബ്ലോക്കുകളൊന്നുമില്ല. വാർത്ത/കേസ് പഠന വിഭാഗം വലതുവശത്ത് ഫ്ലോട്ടിംഗ് ആരോ ബ്ലോക്കുള്ള കാർഡുകളുടെ മൂന്ന് കോളം ഗ്രിഡ് ഉപയോഗിക്കുന്നു. ഒരു സൈഡ്ബാറോ തലക്കെട്ടിനപ്പുറം ആങ്കർ ചെയ്ത ഘടകങ്ങളോ ഇല്ലാതെ ഒരൊറ്റ മുകളിലെ തലക്കെട്ടിലൂടെയാണ് നാവിഗേഷൻ പൂർത്തിയാക്കുന്നത്. മൊത്തത്തിലുള്ള ലേഔട്ട് വിശാലവും എഡിറ്റോറിയൽ ശൈലിയുമായി പൊരുത്തപ്പെടുന്നതുമാണ്: ഓരോ വിഭാഗവും ആശ്വാസകരമാണ്, വെളുത്ത ഇടമാണ് പ്രാഥമിക ഘടനാപരമായ ഘടകം.
എഡിറ്റോറിയൽ ഫോട്ടോഗ്രാഫി ഡിസൈനിൽ ആധിപത്യം പുലർത്തുന്നു: മൂർച്ചയുള്ള കോണുകൾ ഇല്ലാതെ, ഓവർലാപ്പുകളോ വൃത്താകൃതിയിലുള്ള മാസ്കുകളോ ഇല്ലാതെ, പേജിന്റെ മുഴുവൻ വീതിയും ചിത്രങ്ങൾ ഉൾക്കൊള്ളുന്നു. സ്റ്റേജ് ചെയ്ത ഉൽപ്പന്ന ഫോട്ടോഗ്രാഫി ഉപയോഗിക്കാതെ, ചുളിവുകളുള്ള കൈകൾ, പൊതു ഇൻസ്റ്റാളേഷനുകൾ, ആളുകളുടെ കാഷ്വൽ ഷോട്ടുകൾ - ഡോക്യുമെന്ററിയിലേക്കും അന്തരീക്ഷത്തിലേക്കും ഈ ശൈലി ചായുന്നു. ചിത്രങ്ങൾ എല്ലായ്പ്പോഴും വലിയ തോതിൽ അവതരിപ്പിക്കുന്നു (പൂർണ്ണ വീതിയുള്ള വ്യൂപോർട്ട് അല്ലെങ്കിൽ മുഴുവൻ കാർഡും പൂരിപ്പിക്കൽ), അതിനാൽ ഡിസൈൻ യൂണിറ്റ് ഉപയോക്തൃ ഇന്റർഫേസല്ല, ഫോട്ടോഗ്രാഫാണ്. ചിത്രീകരണങ്ങളോ 3D മോഡലുകളോ ഉൽപ്പന്ന മോക്കപ്പുകളോ ഇല്ല. ഐക്കണോഗ്രഫി വളരെ കുറവാണ്: ഒരൊറ്റ ചെറിയ വൃത്താകൃതിയിലുള്ള ലോഗോ, കറൗസൽ നിയന്ത്രണങ്ങളിലെ ഔട്ട്ലൈൻ ഷെവ്റോണുകൾ, 1px ഔട്ട്ലൈനുള്ള ഭാരം കുറഞ്ഞ UI ഐക്കണുകൾ. ഇമേജ് സാന്ദ്രത ചിത്രം തന്നെ നിർണ്ണയിക്കുന്നു, കൂടാതെ ഫോട്ടോഗ്രാഫിന് താഴെയോ മുകളിലോ ഒരു വിവേകപൂർണ്ണമായ വ്യാഖ്യാന പാളിയായി വാചകം പ്രവർത്തിക്കുന്നു.
പാലറ്റ്
ബ്രാൻഡ്
- Magenta Bloom
#8a0467— അലങ്കാര വിശദാംശങ്ങൾക്കും, പതിവായി ഉപയോഗിക്കാത്ത തിരയൽ ചോദ്യങ്ങൾ ഹൈലൈറ്റ് ചെയ്യുന്നതിനും പിങ്ക് ഒരു ദ്വിതീയ ആക്സന്റായി ഉപയോഗിക്കുന്നു. കോൾ ടു ആക്ഷന് പ്രാഥമിക നിറമായി ഇത് ഉപയോഗിക്കരുത്. - Forest Teal
#03624c— കാർഡ് ഫ്രെയിമുകൾക്കും അലങ്കാര സ്പർശനങ്ങൾക്കും സമ്പന്നമായ ബ്രാൻഡ് ആക്സന്റ് നിറം; രണ്ട്-ടോൺ ഫിനിഷിനായി മജന്ത ബ്ലൂമുമായി ജോടിയാക്കുന്നു.
നിഷ്പക്ഷം
- Bone White
#fffef7— പേജ് ക്യാൻവാസ്, കാർഡ്ബോർഡ് പ്രതലങ്ങൾ, ഇരുണ്ട ആക്സന്റുകളിലെ വാചകം എന്നിവ ശുദ്ധമായ #ffffff-നെ മാറ്റിസ്ഥാപിക്കുന്ന ഒരു ഊഷ്മളവും ക്രീമിയുമായ ഷേഡാണ്, കൂടാതെ മുഴുവൻ സിസ്റ്റത്തിനും ഒരു പേപ്പർ പോലുള്ള, പ്രിന്റ് ചെയ്ത അനുഭവം നൽകുന്നു. - Ink Black
#000000— ഇരുണ്ട നിറം ന്യൂട്രൽ ടെക്സ്റ്റിനെയും ഐക്കണുകളെയും പൂരകമാക്കുകയും ശക്തമായ ദൃശ്യതീവ്രത സൃഷ്ടിക്കുകയും ചെയ്യുന്നു. കോൾ ടു ആക്ഷന് പ്രാഥമിക നിറമായി ഇത് ഉപയോഗിക്കുന്നത് ഒഴിവാക്കുക. - Graphite
#666666— പ്രധാന വാചകം ആധിപത്യം സ്ഥാപിക്കാൻ അനുവദിക്കുന്നതിന് സെക്കൻഡറി ബോഡി ടെക്സ്റ്റ്, അടിക്കുറിപ്പുകൾ, മെറ്റാഡാറ്റ, പിന്തുണയ്ക്കുന്ന ടെക്സ്റ്റ് എന്നിവ പശ്ചാത്തലത്തിലേക്ക് തള്ളുന്നു. - Ash
#aaaaaa— ഇൻപുട്ട് ഫീൽഡ് ബോർഡറുകൾ, നിഷ്ക്രിയ ലിങ്ക് നിറം, ടെർഷ്യറി സെപ്പറേറ്ററുകൾ - ആവശ്യമില്ലാത്തപ്പോൾ അപ്രത്യക്ഷമാകുന്ന മൃദുവായ ഘടനാപരമായ ചാരനിറം. - Charcoal Scale
#4d4c4a— ലിസ്റ്റ് ബോർഡറുകൾക്ക് ഒരു മീഡിയം ന്യൂട്രൽ, ഇരുണ്ട ഗ്രേഡിയന്റ് പാതയിൽ സൂക്ഷ്മമായ കോൺട്രാസ്റ്റ് ബൂസ്റ്റ് - നീല-ചാരനിറത്തിന് പകരം ഊഷ്മള ചാരനിറം. - Powder Blue
#a5c8eb— പോസ്റ്റ്കാർഡ് പശ്ചാത്തലങ്ങൾ, മങ്ങിയ പശ്ചാത്തലങ്ങൾ, മങ്ങിയ ചിത്രീകരണ ഫില്ലുകൾ എന്നിങ്ങനെ മൃദുവായ വർണ്ണ ആക്സന്റ്, മത്സരം സൃഷ്ടിക്കാതെ ഒരു ഊഷ്മളമായ പശ്ചാത്തലത്തെ തണുപ്പിക്കുന്നു.
ടൈപ്പോഗ്രാഫി
12 മുതൽ 84px വരെ · 7 ചുവടുകൾ
- Switzer — മാറ്റിസ്ഥാപിക്കൽ: Inter (300 · രൂപരേഖകൾ 300, 400 · ഒരു സിംഗിൾ-ഫോണ്ട് സിസ്റ്റം: എല്ലാ ഡിസ്പ്ലേ ഘടകങ്ങൾക്കും തലക്കെട്ടുകൾക്കും 300 വെയ്റ്റ് (12–84px), ബോഡി ടെക്സ്റ്റ്, മെറ്റാഡാറ്റ, UI നിയന്ത്രണങ്ങൾ എന്നിവയ്ക്ക് 400 വെയ്റ്റ്. 64–84px വലുപ്പത്തിൽ 300 വെയ്റ്റ് ഉപയോഗിക്കുക എന്നതാണ് അഭികാമ്യമായ ഓപ്ഷൻ—മിക്ക സിസ്റ്റങ്ങളും ഇവിടെ 700–800 ബോൾഡ് ഫോണ്ട് ഉപയോഗിക്കുന്നു; ലൈറ്റ്-ടോൺഡ് സ്വിറ്റ്സർ ഫോണ്ട് നേർത്ത വരകൾ നിലനിർത്തുന്നു, ഇത് ക്രീം ക്യാൻവാസിൽ എയർബ്രഷ് ചെയ്ത തരത്തിന്റെ പ്രതീതി സൃഷ്ടിക്കുന്നു. വലുപ്പം കൂടുന്നതിനനുസരിച്ച് അക്ഷരങ്ങളുടെ അകലം ഇടുങ്ങിയതാക്കുന്നു (-0.04em at 84px, -0.018em at 14px) ഒരു സ്പാർസ് ഫീൽ സൃഷ്ടിക്കാതെ, അകത്തെ ഇടങ്ങൾ തുറന്നിടുന്നു.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | ശരാശരി |
| അടിസ്ഥാന ഘട്ടം | 8px |
| ബട്ടൺ ആരം | 1440px |
| കാർഡ് ആരം | 0px |
| ഷാഡോകൾ | ഷാഡോകൾക്ക് പകരം ബോർഡറുകൾ ഇല്ല |
| വിഭാഗങ്ങൾക്കിടയിൽ | 64px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് Creative Giants ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- ElevenLabs — സൂക്ഷ്മമായ തലക്കെട്ടുകളുള്ള ഊഷ്മളമായ ക്രീം ടോണുകളിൽ ഒരു ഫോട്ടോ ഉപന്യാസം. ബൗഹൗസ് ശൈലിയിലുള്ള ഒരു നോട്ട്ബുക്ക് - മുട്ടത്തോടിന്റെ നിറമുള്ള പേപ്പർ, കറുത്ത മഷി, ഉൽപ്പന്ന പ്രദർശനത്തിനായി പർപ്പിൾ, ഓറഞ്ച് നിറങ്ങളിലുള്ള ഒറ്റ ആക്സന്റ്.
- monopo saigon — എഡിറ്റോറിയൽ നിശബ്ദതയ്ക്ക് പിന്നിൽ ഒരു ദ്രാവകവും തിളക്കമുള്ളതുമായ തിളക്കം - ഉരുകിയ വെളിച്ചത്തിൽ പൊങ്ങിക്കിടക്കുന്ന ഒരു മോണോക്രോം എഡിറ്റോറിയൽ ഗാലറി.
- Awesomic — കൺഫെറ്റിയെ അനുസ്മരിപ്പിക്കുന്ന ഓറഞ്ച് വിരാമചിഹ്നങ്ങളുള്ള എഡിറ്റോറിയൽ സിങ്ക് മെഷ്.
- Monad — ചൂടുള്ള കടലാസിൽ എഡിറ്റോറിയൽ ടെക്നിക്കൽ ജേണൽ
- Dub — ലിങ്കിന്റെ മാറ്റ് റൈസ് പേപ്പർ നിയന്ത്രണ പാനൽ
- Seline Analytics — ചൂടുള്ള കടലാസിൽ ഒരു നിശബ്ദ വിശകലന പട്ടിക
- Notion — ഉച്ചവെയിലിൽ ഒരു ചൂടുള്ള കടലാസ് നോട്ട്ബുക്ക്
- Hyer Aviation — കോക്ക്പിറ്റിൽ പാർക്കിംഗ് ഏരിയയിൽ സന്ധ്യ. ഫ്യൂസ്ലേജ് വലിപ്പമുള്ള സെരിഫ് ലോഗോയിൽ വിളറിയ പ്രഭാത ആകാശം കാണാം, ഒപ്പം ഒരു ചൂടുള്ള കളിമൺ ആക്സന്റ് മോണോക്രോം നിയന്ത്രണത്തെ തകർക്കുന്നു.
- Anthropic — ഊഷ്മളമായ വെല്ലത്തെക്കുറിച്ചുള്ള ഒരു ശാസ്ത്രീയ ഫീൽഡ് ജേണൽ - ശാന്തമായ ആനക്കൊമ്പ് പ്രതലങ്ങൾ, സെറിഫൈഡ് എഡിറ്റോറിയൽ തലക്കെട്ടുകൾ, ആവശ്യമുള്ളപ്പോൾ മാത്രം ദൃശ്യമാകുന്ന ഒറ്റ കളിമൺ ആക്സന്റ്.
- Calendly — തണുത്ത മാർബിളിൽ കടും നീല മഷി
- Augen Pro — മോണോക്രോം നിറത്തിലുള്ള ഇടത്തിലെ ഏക ആകർഷണമായി ക്ലിനിക്കൽ, ഭാരമില്ലാത്ത, ഇലക്ട്രിക് നീലയാണ് ആപ്പിളിന്റെ വെള്ള നിറത്തിലുള്ള അവതരണത്തിൽ ഉള്ളത്.
- OFF+BRAND. — ചൂടുള്ള കടലാസിൽ തിളങ്ങുന്ന ഗോളം