Figma
ക്രോമാറ്റിക് കുഴപ്പങ്ങൾക്കുള്ള മോണോക്രോം ചേസിസ്
ഇന്റർഫേസ് കർശനമായ, ഉയർന്ന ദൃശ്യതീവ്രതയുള്ള ഘടനാപരമായ കണ്ടെയ്നറായി പ്രവർത്തിക്കുന്നു, ഇത് ഉപയോക്താവ് സൃഷ്ടിച്ച ഉള്ളടക്കത്തിന് പൂർണ്ണമായ ദൃശ്യ ആധിപത്യം നൽകുന്നു. അടിസ്ഥാനം കർശനമായ #000000 മുതൽ #ffffff വരെ പാലറ്റാണ്, ഇത് പ്രാഥമിക ബോർഡറുകൾക്കും വാചകത്തിനും പരമാവധി കോൺട്രാസ്റ്റിന് അനുകൂലമായി ചാരനിറത്തിലുള്ള സൂക്ഷ്മമായ ഷേഡുകൾ ഒഴിവാക്കുന്നു. ടൈപ്പോഗ്രാഫിക് ശ്രേണി വർണ്ണ വ്യതിയാനങ്ങളെക്കാൾ വലുപ്പത്തെയും ആക്രമണാത്മക നെഗറ്റീവ് അക്ഷര വിടവിനെയും അടിസ്ഥാനമാക്കിയുള്ളതാണ്, ഇത് വാചകത്തിന്റെ വലിയ വരികളെ ഇടതൂർന്ന ഗ്രാഫിക് ബ്ലോക്കുകളാക്കി മാറ്റുന്നു. ബോർഡർ ആരത്തിന്റെ യുക്തി ഒരു വ്യക്തമായ ദ്വിമുഖം സൃഷ്ടിക്കുന്നു: ആഗോള നാവിഗേഷൻ ഘടകങ്ങൾക്കായുള്ള 50px ബാഹ്യ "നഖങ്ങൾ" ഉള്ളടക്ക കണ്ടെയ്നറുകളുടെ പൂർണ്ണമായ 0px കോണുകളുമായി മനഃപൂർവ്വം വ്യത്യാസപ്പെടുത്തുന്നു.
വ്യൂപോർട്ടിനെ കേന്ദ്രീകരിച്ച് പരമാവധി വീതിയുള്ള ബോർഡറുകളെ (1440px max) അടിസ്ഥാനമാക്കിയാണ് കോമ്പോസിഷനുകൾ നിർമ്മിച്ചിരിക്കുന്നത്, കൂടാതെ വിശാലമായ മാക്രോ-സ്പെയ്സ് (വിഭാഗങ്ങൾക്കിടയിൽ 96-120px വൈറ്റ്സ്പെയ്സ്) കൊണ്ട് വേർതിരിച്ച ഉള്ളടക്കത്തിന്റെ സാന്ദ്രമായ ക്ലസ്റ്ററുകളും ഉൾപ്പെടുന്നു. "ഹീറോ" ആർക്കൈപ്പ് പലപ്പോഴും ഫ്ലോട്ടിംഗ്, പൂർണ്ണമായും കേന്ദ്രീകൃതമായ ഒരു UI ബ്ലോക്കിന് കീഴിൽ ചലനാത്മകമായി നങ്കൂരമിട്ടിരിക്കുന്ന ചിത്രങ്ങളുടെ ഒരു അസമമായ ഗാലറി ഉപയോഗിക്കുന്നു. ഫോൾഡിന് താഴെ, വിവരങ്ങൾ ഉടനടി മാർജിനുകളില്ലാത്ത ഒരു കർശനമായ നാല്-കോളം ഗ്രിഡിലേക്ക് പൊരുത്തപ്പെടുന്നു, ആവർത്തിച്ചുള്ള കാർഡുകളുടെ ക്ലസ്റ്ററുകൾ ഫ്രെയിം ചെയ്യുന്നു, ഫ്രെയിമിൽ നിന്ന് മാർജിനുകൾ ഇല്ലാതാക്കുമ്പോൾ ഒബ്ജക്റ്റ് സാന്ദ്രത പരമാവധിയാക്കുന്നു.
ഉപയോക്തൃ കേന്ദ്രീകൃത ഫലങ്ങളെ അടിസ്ഥാനമാക്കിയുള്ളതാണ് വിഷ്വൽ ഡിസൈൻ. ചിത്രങ്ങൾ പരന്നതും, ഫ്രെയിംലെസ് ചതുരങ്ങളായോ അല്ലെങ്കിൽ ചിതറിയതും, ഓവർലാപ്പ് ചെയ്യുന്നതുമായ ശകലങ്ങളായോ, ഭൗതിക വസ്തുക്കളെ അനുസ്മരിപ്പിക്കുന്ന തരത്തിൽ, ഒരു ശൂന്യമായ പശ്ചാത്തലത്തിൽ പ്രദർശിപ്പിക്കുന്നു. വെബ്സൈറ്റിൽ നിറങ്ങളുടെ ഏക ഉറവിടം ചിത്രങ്ങളാണ്. ജീവിതശൈലി ഫോട്ടോഗ്രാഫി ഘടകങ്ങളോ സ്റ്റാൻഡേർഡ് കോർപ്പറേറ്റ് ചിത്രീകരണങ്ങളോ ഇല്ല - ഓരോ ഗ്രാഫിക് ഘടകവും ഒരു ഡിജിറ്റൽ ക്യാൻവാസിന്റെ കൃത്യമായ, അക്ഷരാർത്ഥത്തിലുള്ള സ്നാപ്പ്ഷോട്ടാണ്, അത് ഒരേസമയം ഉൽപ്പന്ന തെളിവായും പ്രാഥമിക സൗന്ദര്യാത്മക ഘടകമായും പ്രവർത്തിക്കുന്നു.
പാലറ്റ്
ബ്രാൻഡ്
- Context Action Violet
#4d49fc— ഉപ പാനലുകൾക്കുള്ളിൽ പ്രാദേശികവൽക്കരിച്ച പ്രാഥമിക കോൾ ടു ആക്ഷൻ - ഒരൊറ്റ തടസ്സപ്പെടുത്തുന്ന നിറം ഫോക്കൽ പോയിന്റിനെ നിർവചിക്കുന്നു.
നിഷ്പക്ഷം
- Absolute Canvas
#ffffff— പേജ് പശ്ചാത്തലം, ഫ്ലോട്ടിംഗ് ടൂൾബാറുകൾ, ഉയർത്തിയ പാനൽ ബേസുകൾ. - Structural Ink
#000000— അടിസ്ഥാന ഫോണ്ട്, സോളിഡ് ബട്ടൺ പശ്ചാത്തലം, ബട്ടൺ ഔട്ട്ലൈനുകൾ. - Graphite Metadata
#595959— ദ്വിതീയ ഓതോറിയൽ ടെക്സ്റ്റ്, പ്രാദേശികവൽക്കരിച്ച സബ്ടെക്സ്റ്റ്, പ്ലെയ്സ്ഹോൾഡർ മൂല്യങ്ങൾ - Boundary Frame
#e2e2e2— സൂക്ഷ്മമായ വിഭജനങ്ങളും നിഷ്ക്രിയ ഇൻപുട്ട് ഫീൽഡ് അതിരുകളും. - Angular Teal
#33dfdf— അലങ്കാര ഇഫക്റ്റുകൾ, ലോഡിംഗ് സൂചകങ്ങൾ, സജീവ കഴ്സർ ദൃശ്യവൽക്കരണം.
ടൈപ്പോഗ്രാഫി
12 മുതൽ 72px വരെ · 6 ചുവടുകൾ
- figmaSans — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 320, 330, 340, 400, 450, 480, 520, 700 · ഡിസ്പ്ലേ ടൈറ്റിലുകൾ മുതൽ നാവിഗേഷൻ ലേബലുകൾ വരെ എല്ലാം കൈകാര്യം ചെയ്യുന്ന ഒരു വൈവിധ്യമാർന്ന ഉപകരണം. ഒപ്റ്റിക്കൽ നെഗറ്റീവ് ട്രാക്കിംഗ് പരിഷ്കരിച്ചുകൊണ്ട് ഇത് ഒരു അദ്വിതീയ രൂപം സൃഷ്ടിക്കുന്നു.
- figmaMono — മാറ്റിസ്ഥാപിക്കൽ: JetBrains Mono · രൂപരേഖകൾ 400 · മൈക്രോടാഗുകൾ, കോർഡിനേറ്റ് ട്രാക്കിംഗ്, സാങ്കേതിക ഓവർടോണുകൾ എന്നിവ ഉള്ളടക്കത്തേക്കാൾ ഉപയോക്തൃ ഇന്റർഫേസ് ഘടകങ്ങളായി പ്രവർത്തിക്കുന്നു.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | ഇടതൂർന്ന |
| അടിസ്ഥാന ഘട്ടം | 24px |
| ബട്ടൺ ആരം | 8px |
| കാർഡ് ആരം | 12px |
| ഷാഡോകൾ | ഷാഡോകൾക്ക് പകരം ബോർഡറുകൾ ഇല്ല |
| വിഭാഗങ്ങൾക്കിടയിൽ | 96-120px |
| പേജ് വീതി | 1440px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് Figma ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- Caldera — ചൂടുള്ള ചുണ്ണാമ്പുകല്ലിൽ തീ ഉണ്ടാക്കുക. കാൻവാസ് നനഞ്ഞതും ചൂടുള്ളതുമായ പ്ലാസ്റ്ററാണ്, ഓരോ ഓറഞ്ച് മൂലകവും ഉപരിതലത്തിൽ അമർത്തിപ്പിടിച്ചിരിക്കുന്ന പുകയുന്ന തീക്കനലുകൾ പോലെ കാണപ്പെടുന്നു.
- Vercel — വെളുത്ത പേപ്പറിൽ പ്രിന്റ് ചെയ്ത ടെർമിനൽ
- Dylanbrouwer — സൂര്യാസ്തമയ സമയത്ത് ക്രൂരമായ ഫൗണ്ടറി
- Headspace — ചൂടുള്ള കടലാസിൽ ഒരു സണ്ണി വെൽനസ് കോർണർ
- WHOOP — അർദ്ധരാത്രിയിലെ പ്രകടന ലാബ് - കറുത്ത നാടക ശൂന്യതയ്ക്ക് കീഴിൽ വെളുത്ത ക്ലിനിക്കൽ ലാബ് ടേബിളുകൾ, പർപ്പിൾ നിറത്തിലുള്ള വൈദ്യുതി സ്പന്ദനം.
- (dot)connect — ഒരു കഷണം കരി കൊണ്ട് നിർമ്മിച്ച ഒരു സ്വിസ് എഞ്ചിനീയറിംഗ് ഡ്രോയിംഗ്
- Together AI — ഗ്ലേഷ്യൽ പേപ്പറിലെ ഗവേഷണ കൺസോൾ
- Vivid+Co — ഒബ്സിഡിയൻ വഴിയുള്ള പ്രിസ്മാറ്റിക് പ്രകാശം
- Sequel — ഇരുട്ടായതിനുശേഷം ഒരു സ്വകാര്യ പ്രദർശനം മാത്രമാണ് മറ്റൊരു തരത്തിൽ ഇരുണ്ട സിനിമാശാലയിൽ ചൂടുള്ള വെളിച്ചം.
- v0 by Vercel — ലെയ്ത്ത് ഡ്രോയിംഗ്. കൃത്യതയും പ്രവർത്തനക്ഷമതയും പരമപ്രധാനമാണ്, ഓരോ ഘടകവും വൃത്തിയുള്ളതും സാങ്കേതികമായി പൂർണ്ണവുമായ ഒരു പ്രതലത്തിൽ വ്യക്തമായ ഉദ്ദേശ്യം നിറവേറ്റുന്നു.
- ThoughtLab — കടും ചുവപ്പ് നിറത്തിലുള്ള ഒരു ഒബ്സിഡിയൻ സ്മാരകം. കറുത്ത ശൂന്യതയുടെ ഒരു ക്യാൻവാസ്, അവിടെ കത്തീഡ്രലിലെ ഒരേയൊരു പൂരിത ചുവപ്പ് വസ്തു, വലിയ വെളുത്ത അക്ഷരങ്ങളിൽ അച്ചടിച്ചിരിക്കുന്നത്, ഒറ്റ വർണ്ണ രൂപമാണ്.
- Dovetail — കറുത്ത ചന്ദ്രനു കീഴെ ഒരു ബ്ലൂപ്രിന്റ് - കഷ്ടിച്ച് മാത്രം കാണാവുന്ന ഗ്രാഫ് ലൈനുകൾ, വെളുത്ത ഫോണ്ട്, ഒരു പർപ്പിൾ തിളക്കം