
ThoughtLab
കടും ചുവപ്പ് നിറത്തിലുള്ള ഒരു ഒബ്സിഡിയൻ സ്മാരകം. കറുത്ത ശൂന്യതയുടെ ഒരു ക്യാൻവാസ്, അവിടെ കത്തീഡ്രലിലെ ഒരേയൊരു പൂരിത ചുവപ്പ് വസ്തു, വലിയ വെളുത്ത അക്ഷരങ്ങളിൽ അച്ചടിച്ചിരിക്കുന്നത്, ഒറ്റ വർണ്ണ രൂപമാണ്.
തോട്ട് ലാബ് ഒരു ബ്ലാക്ക് കത്തീഡ്രൽ ഡിസൈൻ ഭാഷ പോലെയാണ് പ്രവർത്തിക്കുന്നത്: ഒരു ശൂന്യമായ കറുത്ത ക്യാൻവാസ്, ഒരു ചുവന്ന പൾസ്, ടൈപ്പോഗ്രാഫി വളരെ വലുതാണ്, അത് ആർക്കിടെക്ചറായി പ്രവർത്തിക്കുന്നു. സിസ്റ്റം ഏതാണ്ട് പൂർണ്ണമായും വർണ്ണാഭമാണ് - #cccccc ശരീരത്തെ പ്രതിനിധീകരിക്കുന്നു, #ffffff ഡിസ്പ്ലേയെ പ്രതിനിധീകരിക്കുന്നു - #fc1c46 ഒരു പ്രാഥമിക പ്രവർത്തനത്തിനായി മാത്രം ദൃശ്യമാകുന്നു, ശൂന്യതയുടെ പശ്ചാത്തലത്തിൽ പിരിമുറുക്കത്തിന്റെ നിയന്ത്രിത കുതിച്ചുചാട്ടമായി. നിറം, ഷാഡോകൾ അല്ലെങ്കിൽ ഫില്ലുകൾ എന്നിവയിലൂടെയല്ല, മൂർച്ചയുള്ള സ്കെയിൽ ജമ്പുകളിലൂടെയാണ് (198px → 14px) ശ്രേണി നിർമ്മിക്കുന്നത്. ഘടകങ്ങൾ ഭാരമില്ലാത്തവയാണ്: സുതാര്യമായ കാർഡുകൾ, ഗുളിക ആകൃതിയിലുള്ള ബട്ടണുകൾ, നേർത്ത ഇൻപുട്ട് ഫീൽഡുകൾ, ഉയർന്ന സ്റ്റാക്കിംഗിന്റെ അഭാവം - പേജ് കണ്ടെയ്നറുകളിലൂടെയല്ല, നെഗറ്റീവ് സ്പെയ്സിലൂടെയും സാന്ദ്രമായി പായ്ക്ക് ചെയ്ത വലിയക്ഷരത്തിലൂടെയും ശ്വസിക്കുന്നു.
പേജിന്റെ മുഴുവൻ വീതിയിലും വിശാലമായ തിരശ്ചീന മാർജിനുകളോടെ (ഓരോ വശത്തും 126px, ഉള്ളടക്ക കോളത്തെ ഏകദേശം 1400px വരെ) ഒരു ഇരുണ്ട ക്യാൻവാസ് വ്യാപിച്ചിരിക്കുന്നു. തലക്കെട്ട് 72px യുടെ ഒരൊറ്റ വരിയാണ്: ഇടതുവശത്ത് ലോഗോ, മധ്യത്തിൽ ടാഗ്ലൈൻ, പിൽ ആകൃതിയിലുള്ള കോൾ-ടു-ആക്ഷൻ ബട്ടൺ, വലതുവശത്ത് ഹാംബർഗർ ബാർ. ഹീറോ ഒരു വിഭജിത രചനയാണ് - ഇടതുവശത്തുള്ള എല്ലാ വലിയക്ഷരങ്ങളിലും 18px പിന്തുണയ്ക്കുന്ന ബോഡി കോപ്പിയുള്ള ഒരു വലിയ 198px തലക്കെട്ട്, അതേസമയം ഒരു 3D ഗോളം മധ്യത്തിന്റെ വലതുവശത്തുള്ള വാചകത്തെ ഓവർലാപ്പ് ചെയ്യുന്നു, ഭാഗികമായി അത് "കഴിക്കുന്നു". ഹീറോയ്ക്ക് താഴെ, വിഭാഗങ്ങൾ അവയ്ക്കിടയിൽ 86–108px വിടവുകളുള്ള വിശാലമായ ലംബ താളത്തിൽ ക്രമീകരിച്ചിരിക്കുന്നു. കൃതിയുടെ ഘടകങ്ങൾ ഒരു പട്ടികയായി പ്രദർശിപ്പിക്കും, കാർഡുകളുടെ ഒരു ഗ്രിഡ് ആയിട്ടല്ല, പേജിന്റെ മുഴുവൻ വീതിയും ഉൾക്കൊള്ളുന്നു. സൈഡ്ബാർ ഇല്ല, മെഗാ-മെനു ഇല്ല, കോളം ഗ്രിഡുള്ള അടിക്കുറിപ്പില്ല - അടിക്കുറിപ്പ് പകർപ്പവകാശ വിവരങ്ങളും കോൺടാക്റ്റ് വിവരങ്ങളും ഉള്ള ഒറ്റ, നിശബ്ദ വരയാണ് #4c4c4c. തലക്കെട്ടിനപ്പുറമുള്ള നാവിഗേഷൻ ഒരു പൂർണ്ണ സ്ക്രീൻ ഓവർലേയിൽ ഒരു ഹാംബർഗർ മെനുവായി ആരംഭിക്കുന്നു.
ചിത്രങ്ങൾ വിരളവും മനഃപൂർവ്വം ക്യൂറേറ്റ് ചെയ്തതുമാണ്. WebGL-ൽ റെൻഡർ ചെയ്തിരിക്കുന്ന ഒരു വലിയ ഒബ്സിഡിയൻ ദ്രാവക ഗോളമാണ് പ്രബലമായ ദൃശ്യ ഘടകം - ഇരുണ്ട, ഏതാണ്ട് കറുത്ത, 3D ആകൃതിയിലുള്ള സൂക്ഷ്മമായ നീലയും ആംബർ പ്രതിഫലനങ്ങളും അരികിൽ, കറുത്ത പശ്ചാത്തലത്തിൽ പൊങ്ങിക്കിടക്കുന്നതും തലക്കെട്ടിനെ ഭാഗികമായി ഓവർലാപ്പ് ചെയ്യുന്നതുമാണ്. ഇത് ചിത്രീകരണത്തേക്കാൾ ബ്രാൻഡ് ഐക്കണോഗ്രഫിയായി പ്രവർത്തിക്കുന്നു. പ്രോജക്റ്റ് തംബ്നെയിലുകൾ ലംബ പട്ടികയിൽ ഫോട്ടോകളായോ വീഡിയോകളായോ പ്രദർശിപ്പിക്കും, ബോർഡർ ഇല്ലാതെ എഡ്ജ്-ടു-എഡ്ജ് വരെ അവതരിപ്പിക്കും. ജീവിതശൈലി ഫോട്ടോകളില്ല, സ്റ്റോക്ക് ഇമേജുകളില്ല, അലങ്കാര ഗ്രേഡിയന്റുകളില്ല. ഗോളവും തരവും മാത്രമാണ് പേജിലെ ദൃശ്യ ഘടകങ്ങൾ.
പാലറ്റ്
ബ്രാൻഡ്
- Crimson Signal
#fc1c46— പ്രധാന ആകർഷണം ഒരൊറ്റ ചുവന്ന ഘടകമാണ്; അത് "കോൺടാക്റ്റുകൾ" ടാബിലും, ബ്രാൻഡ് ലോഗോയിലും, മറ്റെവിടെയും ദൃശ്യമാകില്ല. ഡിസൈനിന്റെ പ്രത്യേകതകൾ മൂലമാണ് ഇതിന്റെ അപൂർവത.
നിഷ്പക്ഷം
- Void
#000000— പേജ് പശ്ചാത്തലം, അതായത് ക്യാൻവാസ്, മറ്റെല്ലാ ഘടകങ്ങളും പൊങ്ങിക്കിടക്കുന്നതിനുള്ള പൂർണ്ണമായ അടിത്തറയാണ്. - Ash
#cccccc— പ്രധാന വാചകവും ലിങ്ക് വാചകവും, കറുത്ത ക്യാൻവാസിൽ സ്ഥിരസ്ഥിതി വാചക ടോൺ - ഒപ്റ്റിക്കൽ തിളക്കം മൃദുവാക്കാൻ ശുദ്ധമായ വെള്ളയ്ക്ക് പകരം തിരഞ്ഞെടുത്തു. - Frost
#ffffff— തലക്കെട്ടുകൾ, ബട്ടൺ ടെക്സ്റ്റ്, ഇൻപുട്ട് ഫീൽഡ് ടെക്സ്റ്റ്, മാർക്ക്അപ്പ് എന്നിവ പ്രദർശിപ്പിക്കുന്നതാണ് ഏറ്റവും പ്രധാനപ്പെട്ട ലെവൽ, രേഖീയമായിരിക്കേണ്ട ഉള്ളടക്കത്തിനായി ഉദ്ദേശിച്ചിട്ടുള്ളതാണ്. - Graphite
#4c4c4c— പകർപ്പവകാശം, മെറ്റാ ടാഗുകൾ, സഹായ വാചകം - പ്രധാന വാചകവുമായി മത്സരിക്കാതിരിക്കാൻ മനഃപൂർവ്വം നിശബ്ദമാക്കിയിരിക്കുന്നു.
ടൈപ്പോഗ്രാഫി
10 മുതൽ 198px വരെ · 7 ചുവടുകൾ
- sui — മാറ്റിസ്ഥാപിക്കൽ: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · രൂപരേഖകൾ 300, 400, 500, 700 · ഒറ്റ ഫോണ്ട്. തലക്കെട്ടുകൾക്ക് 198px മുതൽ അടിക്കുറിപ്പുകൾക്ക് 10px വരെയുള്ള എല്ലാത്തിനും ഉപയോഗിക്കുന്ന ഒരു ഇഷ്ടാനുസൃതമായി രൂപകൽപ്പന ചെയ്ത ജ്യാമിതീയ സാൻസ്-സെരിഫ് ഫോണ്ടാണ് Sui. 700 വെയ്റ്റ് സ്മാരക തലക്കെട്ടുകൾക്കും വലിയ ശീർഷകങ്ങൾക്കും നീക്കിവച്ചിരിക്കുന്നു; സിസ്റ്റത്തിന്റെ ബാക്കി ഭാഗങ്ങൾക്ക് 400 വെയ്റ്റ് ഉപയോഗിക്കുന്നു. ബോൾഡും റെഗുലറും തമ്മിലുള്ള വ്യത്യാസം പ്രാഥമിക ഫോണ്ട് സിസ്റ്റമാണ്; രണ്ടാമത്തെ കുടുംബം ആവശ്യമില്ല.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | ഇടതൂർന്ന |
| അടിസ്ഥാന ഘട്ടം | 9px |
| ബട്ടൺ ആരം | 9999px |
| കാർഡ് ആരം | 0px |
| ഷാഡോകൾ | ഷാഡോകൾക്ക് പകരം ബോർഡറുകൾ ഇല്ല |
| വിഭാഗങ്ങൾക്കിടയിൽ | 86-108px |
| പേജ് വീതി | 1400px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് ThoughtLab ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- Vivid+Co — ഒബ്സിഡിയൻ വഴിയുള്ള പ്രിസ്മാറ്റിക് പ്രകാശം
- Sequel — ഇരുട്ടായതിനുശേഷം ഒരു സ്വകാര്യ പ്രദർശനം മാത്രമാണ് മറ്റൊരു തരത്തിൽ ഇരുണ്ട സിനിമാശാലയിൽ ചൂടുള്ള വെളിച്ചം.
- Dovetail — കറുത്ത ചന്ദ്രനു കീഴെ ഒരു ബ്ലൂപ്രിന്റ് - കഷ്ടിച്ച് മാത്രം കാണാവുന്ന ഗ്രാഫ് ലൈനുകൾ, വെളുത്ത ഫോണ്ട്, ഒരു പർപ്പിൾ തിളക്കം
- MekaVerse — ഡിജിറ്റൽ പുരാവസ്തുക്കളുടെ ഒരു മോണോക്രോം ഗാലറി - റെൻഡർ ചെയ്ത ലോകം ഒരു മ്യൂസിയം പ്രദർശനം പോലെ തൂങ്ങിക്കിടക്കുന്ന ഒരു കറുത്ത ശൂന്യത, മുഴുവൻ ഉപയോക്തൃ ഇന്റർഫേസും മാറ്റ് ബ്ലാക്ക് ഗ്ലാസിൽ വെളുത്ത മഷി കൊണ്ടാണ് നിർമ്മിച്ചിരിക്കുന്നത്.
- Krea — അർദ്ധരാത്രിയിലെ നോയർ ഗാലറി
- Factory — അർദ്ധരാത്രിയിലെ "യുദ്ധമുറി" ടെർമിനൽ. "ഫാക്ടറി" എന്നത് കറുത്ത നിറത്തിലുള്ള ഒരു നിയന്ത്രണ പാനലാണ്, അവിടെ ഒരു വെളുത്ത കാർഡ് ഫ്ലാഷ്ലൈറ്റ് കത്തിച്ച ഡിസ്പാച്ച് പോലെ ലാൻഡ് ചെയ്യുന്നു - മുറിയിലെ ഒരേയൊരു കാര്യം ജോലി തന്നെയാണ്.
- basement — പുലർച്ചെ 3 മണിക്ക് ഒരു ഒഴിഞ്ഞ പ്രിന്റിംഗ് പ്രസ്സ് - കറുത്ത നിറത്തിൽ ചിതറിക്കിടക്കുന്ന വലിയ, കംപ്രസ് ചെയ്ത ഫോണ്ടുകൾ, നാവിഗേഷൻ ബാറിൽ ഓറഞ്ച് വെളിച്ചത്തിന്റെ ഒരു തിളക്കം, ബാക്കിയെല്ലാം വെള്ളയോ പ്രേത ചാരനിറമോ.
- Stink Studios — അർദ്ധരാത്രിയിൽ ഒരു ഫിലിം സ്റ്റുഡിയോ - പ്രൊജക്ടർ മൂളുന്നു, മുറി ഇരുട്ടാണ്, ഫിലിം മാത്രം പ്രകാശിക്കുന്നു.
- Apple (España) — പ്രകാശിത ഫിറ്റിംഗുകളുള്ള കറുത്ത തിയേറ്റർ
- Charlie — ആശ്രമത്തിലെ കല്ലിൽ നിന്ന് ഒബ്സിഡിയനിൽ കൊത്തിയെടുത്ത ടൈപ്പോഗ്രാഫി. ഒരൊറ്റ ചുവന്ന ഭിത്തി കാതടപ്പിക്കുന്ന നിശബ്ദത സൃഷ്ടിക്കുന്ന ഒരു പോർട്ട്ഫോളിയോ.
- Rive — ഉയർന്ന കൃത്യതയുള്ള രാത്രി കാഴ്ച. ഇന്റർഫേസിൽ ഇരുട്ടിലേക്ക് തുളച്ചുകയറുന്ന ഒരു പ്രത്യേക ലെൻസ് ഉണ്ട്, അത് സാങ്കേതിക വിശദാംശങ്ങളിൽ പൂർണ്ണ വ്യക്തതയോടെ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്നു.
- Datalands — ഒറ്റ നിയോൺ പൾസുള്ള ഒരു കറുത്ത കത്തീഡ്രൽ. ലോഗോ നാവിൽ നിറഞ്ഞുനിൽക്കുന്നു; ബാക്കിയെല്ലാം അടിയിൽ കേൾക്കാൻ പോലും പറ്റാത്ത വാചകം.