Electronic Materials Office
കരി കൊണ്ട് അലങ്കരിച്ച ഒരു ഗാലറിയിലെ തിളങ്ങുന്ന ഒരു കനൽ
ഇലക്ട്രോണിക് മെറ്റീരിയൽസ് ഓഫീസ് ഒരു രാത്രി വൈകിയുള്ള വർക്ക്ഷോപ്പാണ്: ഒരു മാറ്റ് ജെറ്റ്-കറുത്ത ക്യാൻവാസ്, ഒരു തിളങ്ങുന്ന ഓറഞ്ച് തീക്കനൽ, പ്രഖ്യാപിക്കുന്നതിനുപകരം മന്ത്രിക്കുന്ന ഒരു ടൈപ്പ്ഫേസ്. ഇന്റർഫേസ് ഓരോ സ്ക്രീനിനെയും ഒരു ഇരുണ്ട സ്റ്റുഡിയോ പോലെയാണ് കാണുന്നത് - കീബോർഡിന്റെ ഫോട്ടോഗ്രാഫുകൾ മാത്രമാണ് യഥാർത്ഥ പ്രകാശ സ്രോതസ്സ്, UI അത് അനുസരിക്കുന്നു. 200-ഭാരമുള്ള GT-Flexa-യിൽ സജ്ജീകരിച്ചിരിക്കുന്ന തലക്കെട്ടുകൾ വിശാലമായ നെഗറ്റീവ് സ്പെയ്സിൽ പൊങ്ങിക്കിടക്കുന്നു; ബോഡി കോപ്പി മനഃപൂർവ്വം ചെറുതും മാനുഷികവുമാണ് (ടൈംസ്). നിറം അളക്കുന്നത്: തരത്തിന് ശുദ്ധമായ വെള്ള, ലിങ്കുകൾക്ക് നിശബ്ദമാക്കിയ പർപ്പിൾ (#9e9eff), സ്വന്തം 30px തിളക്കത്തോടെ തിളങ്ങുന്ന പേജിൽ ഒരൊറ്റ ഓറഞ്ച് (#f45500) കോൾ ടു ആക്ഷൻ. ഘടകങ്ങൾ 20px ആരത്തിനുള്ളിൽ കർശനമായി യോജിക്കുന്നു, #9d9d9d-ൽ ബോർഡറുകൾ വളരെ ശ്രദ്ധേയമാണ്, കൂടാതെ സിസ്റ്റത്തിലെ ഒരേയൊരു നിഴലുകൾ പ്രാഥമിക പ്രവർത്തനത്തിന് ചുറ്റുമുള്ള രണ്ട് നിറമുള്ള ഹാലോകളാണ്.
മധ്യഭാഗത്ത് പരമാവധി വീതിയുള്ള ഉള്ളടക്കമുള്ള (~1200px) ഒരു പൂർണ്ണ വീതിയുള്ള, ചാർക്കോൾ ക്യാൻവാസ്. പ്രധാന സ്ക്രീൻ ആരംഭിക്കുന്നത് 20px-റേഡിയസ് മീഡിയ കാർഡിൽ നിന്നാണ്, ഇത് വ്യൂപോർട്ട് വീതിയുടെ ഏകദേശം 80% ഉൾക്കൊള്ളുന്നു, തൊട്ടുപിന്നാലെ ഒരു മൾട്ടി-ലൈൻ GT-Flexa 200 തലക്കെട്ട്, അത് ഏതാണ്ട് പൂർണ്ണ ഉള്ളടക്ക വീതിയിലേക്ക് പൊതിയുന്നു. സെക്ഷൻ റിഥം: ടോബിയാസ്-സ്റ്റൈൽ ഓൾ-ക്യാപ്പുകളിലെ ഒരൊറ്റ ഉൽപ്പന്ന വിവരണ വിഭാഗം, തുടർന്ന് ഉൽപ്പന്ന വിവരണ കാർഡുകളുടെ 2x2 ഗ്രിഡ് (ഡെസ്ക്ടോപ്പിൽ). കാർഡുകൾ 1px #9d9d9d ബോർഡറുകളും അവയ്ക്കിടയിൽ 24px ഗട്ടറുകളും ഉപയോഗിക്കുന്നു. ഉദാരമായ ലംബ ശ്വസനം - വിഭാഗങ്ങളെ ഡിവൈഡറുകളേക്കാൾ 48–128px ചാർക്കോൾ നെഗറ്റീവ് സ്പെയ്സ് ഉപയോഗിച്ച് വേർതിരിക്കുന്നു. മറഞ്ഞിരിക്കുന്ന ലിങ്കുകളുടെ ഒരു ക്ലസ്റ്ററും ഒരു എംബർ കോൾ-ടു-ആക്ഷനും ഉള്ള, മുകളിൽ നങ്കൂരമിട്ടിരിക്കുന്ന ഒരു ഒറ്റ, സുതാര്യ പാനലാണ് നാവിഗേഷൻ. സൈഡ്ബാർ ഇല്ല, മെഗാ-മെനു ഇല്ല, ദ്വിതീയ നാവിഗേഷൻ ഇല്ല.
ചിത്രങ്ങൾ ഉൽപ്പന്ന പ്രദർശന ആവശ്യങ്ങൾക്ക് മാത്രമുള്ളതാണ് - മുകളിൽ നിന്നുള്ള ബാക്ക്ലൈറ്റ് ഉപയോഗിച്ച് പൂർണ്ണമായും കറുത്ത പശ്ചാത്തലത്തിൽ ആൾട്ടർ I കീബോർഡിന്റെ ക്ലോസപ്പ് മാക്രോ ഷോട്ട്, കേസ് തിളങ്ങാനും കീക്യാപ്പുകൾ അരികുകളിൽ പ്രകാശം പ്രതിഫലിപ്പിക്കാനും കാരണമാകുന്നു. ജീവിതശൈലി ഇല്ല, മനുഷ്യ കൈകളില്ല, പാരിസ്ഥിതിക സന്ദർഭവുമില്ല. ഇമേജറി ഉയർന്ന ദൃശ്യതീവ്രതയും ഇരുണ്ടതുമാണ്; മോണോക്രോം പാലറ്റിന് പുറത്തുള്ള ഏക നിറം കീബോർഡിലെ ഓറഞ്ച് പവർ സ്വിച്ച് ആണ്, ഇത് എംബർ ഓറഞ്ച് കോൾ-ടു-ആക്ഷനെ പ്രതിധ്വനിപ്പിക്കുന്നു. ചിത്രങ്ങൾ ചതുരമോ 16:9 ഉം ആണ്, എല്ലായ്പ്പോഴും 20px ആരം ഉള്ളതും കാർഡിന്റെ അരികുകൾക്കപ്പുറത്തേക്ക് വ്യാപിക്കുന്നതുമായ കാർഡുകളിൽ സ്ഥാപിക്കുന്നു (ഫോട്ടോയ്ക്ക് ചുറ്റും പാഡിംഗ് ഇല്ല, വാചകം അരികിന് താഴെയാണ്). ഐക്കൺ ശൈലി: ലോഗോയ്ക്ക് മുമ്പുള്ള ഒരു ചെറിയ പൂരിപ്പിച്ച വൃത്തം (●) മാത്രമാണ് ഐക്കണോഗ്രഫി - ~6px കട്ടിയുള്ള ഒരു ഓറഞ്ച് ഡോട്ട്.
പാലറ്റ്
ബ്രാൻഡ്
- Ember Orange
#f45500— ഫിൽ ഉള്ള പ്രൈമറി ആക്ഷൻ ബട്ടൺ മാത്രമാണ് UI-യിലെ ഏക ക്രോമാറ്റിക് പ്രതലം, എപ്പോഴും ഒരു 30px ഓറഞ്ച് ഹാലോ ഉണ്ടായിരിക്കും, ഇത് ഒരു ഫിലമെന്റ് പോലെ തിളങ്ങുന്നു; പ്രൈമറി കോൾ ബട്ടണിലെ 30px പുറം ഗ്ലോ എംബർ ഓറഞ്ച് ഷഡ്ഭുജ ചിഹ്നത്തിന്റെ തനിപ്പകർപ്പാണ്, പക്ഷേ ഒരു ഫില്ലിന് പകരം ഒരു നിഴലായി നിലനിൽക്കുന്നു, ഇത് ബട്ടൺ ഉള്ളിൽ നിന്ന് പ്രകാശിതമായി ദൃശ്യമാക്കുന്നു.
നിഷ്പക്ഷം
- Studio Charcoal
#202020— കാൻവാസും കാർഡ്ബോർഡ് പ്രതലങ്ങളും ഒരു ഇരുണ്ട ഗാലറിയുടെ തറ പോലെയാണ്, ഒരിക്കലും പൂർണ്ണമായും കറുത്തതല്ല, അതിനാൽ കണ്ണുകൾക്ക് മൃദുവായ അരികുകളിൽ വിശ്രമിക്കാൻ കഴിയും. - Bone White
#ffffff— പ്രധാന വാചകം, ചിത്രങ്ങളിൽ നേർത്ത ബോർഡറുകൾ, അപൂർവമായ ഒരു വിപരീത പ്രതലം. മുഴുവൻ ഫോണ്ട് ശ്രേണിയും സ്വതന്ത്രമായി പരിപാലിക്കപ്പെടുന്നു. - Ash Gray
#9d9d9d— മ്യൂട്ടുചെയ്ത വാചകം, സൂക്ഷ്മമായ കാർഡ് ബോർഡറുകൾ, നിഷ്ക്രിയ അടിക്കുറിപ്പുകൾ എന്നിവ മാത്രമാണ് വർണ്ണ സ്കീമിലെ മിഡ്-ഗ്രേ, വെളുത്ത നിറം വളരെ ഉച്ചത്തിലാകുമ്പോൾ ഉപയോഗിക്കുന്നത്. - Mid Felt
#eaeaea— വിപരീത പാനലുകൾക്കോ മോഡൽ ഗ്രിഡുകൾക്കോ വേണ്ടിയുള്ള ഒരു ലൈറ്റ് സർഫസ് വാഷ് - ബീജിനും ഇരുണ്ട ക്യാൻവാസിനും ഇടയിൽ ഇരിക്കുന്ന വെളുത്ത നിറത്തിലുള്ള ഒരു ഷേഡ്. - Carbon
#000000— ഏറ്റവും ശ്രദ്ധേയമായ ശൈലി ഐക്കൺ സ്ട്രോക്കുകൾക്കും കോൺട്രാസ്റ്റിംഗ് ഫ്രെയിമുകൾക്കുമാണ്, അവിടെ ചാർക്കോൾ ക്യാൻവാസ് വളരെ ഭാരം കുറഞ്ഞതിനാൽ അതിന്റെ ആകൃതി നന്നായി നിലനിർത്താൻ കഴിയില്ല. - Lavender Link
#9e9eff— എംബഡഡ് ലിങ്കിന്റെ നിറവും അധിക ആക്ഷൻ ഫ്രെയിമിന്റെ രൂപരേഖയും ചൂടുള്ള ഓറഞ്ചിൽ നിന്ന് വ്യത്യസ്തമായി നിശബ്ദവും തണുത്തതുമായ ഒരു വ്യത്യാസമാണ്, ഇത് ചാർക്കോൾ പശ്ചാത്തലത്തിൽ പ്രവർത്തനങ്ങൾ വ്യക്തമായി മനസ്സിലാക്കാൻ സഹായിക്കുന്നു.
ടൈപ്പോഗ്രാഫി
16 മുതൽ 86px വരെ · 8 ചുവടുകൾ
- GT-Flexa — മാറ്റിസ്ഥാപിക്കൽ: Inter (200/400) or Manrope (200/400) · രൂപരേഖകൾ 200, 400 · തലക്കെട്ടുകൾക്കും അലങ്കാര ഘടകങ്ങൾക്കുമുള്ള പ്രാഥമിക ഫോണ്ട്. 200 വെയ്റ്റ് 24px-ന് മുകളിലുള്ള ഓരോ തലക്കെട്ടിനും അനുവദിക്കുന്നു—ഇതൊരു സിഗ്നേച്ചർ ശൈലിയാണ്: 68px, 86px-ൽ, അക്ഷരങ്ങൾ ആർപ്പുവിളിക്കുന്നതിനുപകരം അന്തരീക്ഷത്തിൽ ലയിക്കുന്നതായി തോന്നുന്നു. 400 വെയ്റ്റ് ഉപതലക്കെട്ടുകൾക്കും കാർഡ് അടിക്കുറിപ്പുകൾക്കും അനുയോജ്യമാണ്, അവിടെ അവ വളരെക്കുറച്ച് മാത്രമേ കേൾക്കാൻ കഴിയൂ. ഏറ്റവും വലിയ വലുപ്പങ്ങളിൽ ലൈൻ സ്പേസിംഗ് 1.0 ആയി കുറച്ചിരിക്കുന്നു, അതിനാൽ അലങ്കാര ഫോണ്ട് വായുവിന്റെ ഒരു കോളം പോലെ ഒന്നിനു മുകളിൽ ഒന്നായി അടുക്കുന്നു.
- Tobias-light — മാറ്റിസ്ഥാപിക്കൽ: Söhne Buch or Inter Tight · രൂപരേഖകൾ 400 · സെക്ഷൻ ഹെഡിംഗുകൾക്കും ഫൂട്ടർ ലോഗോയ്ക്കുമുള്ള ഒരു സെക്കൻഡറി ടൈപ്പോഗ്രാഫി ശൈലി. ഒരു ടോണൽ കോൺട്രാസ്റ്റ് സൃഷ്ടിക്കാൻ GT-Flexa 200-നേക്കാൾ ഒരു പടി താഴെയാണ് ഇത് ഉപയോഗിക്കുന്നത് - ടോബിയസിന് കൂടുതൽ വാസ്തുവിദ്യാപരവും ആവിഷ്കൃതവുമായ ഒരു അനുഭവമുണ്ട്, അതേസമയം GT-Flexa കൂടുതൽ അന്തരീക്ഷമാണ്. നെഗറ്റീവ് അക്ഷരങ്ങളുടെ അകലം ടോബിയാസ് ലൈറ്റിന്റെ വിശാലമായ അനുപാതങ്ങൾ ചുരുക്കുന്നു.
- Times — മാറ്റിസ്ഥാപിക്കൽ: Source Serif 4 or PT Serif · രൂപരേഖകൾ 400 · സെരിഫുകൾ ഉപയോഗിച്ചുള്ള ജ്യാമിതീയ, അലങ്കാര ഫോണ്ടുകൾക്ക് നേരെ ബോഡി ടെക്സ്റ്റും ഹെഡിംഗ് പാരഗ്രാഫുകളും മനഃപൂർവ്വം എതിർദിശയിലാണ്. ബോഡി ടെക്സ്റ്റിന്റെ വലുപ്പം കവിയാതെ സെരിഫുകൾ ഉൽപ്പന്ന വിവരണങ്ങൾക്ക് ഊഷ്മളതയും എഡിറ്റോറിയൽ അധികാരവും നൽകുന്നു.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | ഇടതൂർന്ന |
| അടിസ്ഥാന ഘട്ടം | 4-8px |
| ബട്ടൺ ആരം | 20px |
| കാർഡ് ആരം | 20px |
| ഷാഡോകൾ | ഷാഡോകൾക്ക് പകരം ബോർഡറുകൾ ഇല്ല |
| വിഭാഗങ്ങൾക്കിടയിൽ | 48-128px |
| പേജ് വീതി | 1200px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് Electronic Materials Office ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- OFFFICE : — മോണോലിത്തിക് ഫോണ്ടിൽ മുഴുകിയ ഒരു നോയർ ഗാലറി
- Bibliothèque — സ്പോട്ട്ലൈറ്റിന് കീഴിലുള്ള ഒരു കറുത്ത ക്യൂബ് ആകൃതിയിലുള്ള ഗാലറി - വിശാലമായ ഇരുണ്ട ഹാളിൽ പ്രകാശമുള്ള ഒരു ഒറ്റപ്പെട്ട പ്ലേറ്റ്.
- 21 TSI — ഒരു കടും ചുവപ്പ് ശൂന്യത, ഒരു ഒറ്റ സിലൗറ്റ് - ഉപയോക്തൃ ഇന്റർഫേസ് അന്തരീക്ഷത്തിൽ ലയിക്കുന്ന ഒരു ഉയർന്ന ഫാഷൻ എഡിറ്റോറിയൽ.
- Structured — പ്ലാസ്റ്റിൻ പോലുള്ള കടലാസിൽ നവോത്ഥാന ഗാലറി
- CHAIBOY — ഒരു കറുത്ത ഗാലറി ഭിത്തിയിൽ, ഒരു ബാക്ക്ലൈറ്റ് ഫോട്ടോ മാത്രം.
- Holiday 100 — അർദ്ധരാത്രിയിൽ സമ്മാനങ്ങളുടെ ഒരു ഗാലറി - ഒരു സെരിഫ് തലക്കെട്ട് ഒരു സ്പോട്ട്ലൈറ്റായി പ്രവർത്തിക്കുന്നു, ഒരു ഇരുണ്ട ക്യാൻവാസ് ഒരു വെൽവെറ്റ് ഭിത്തിയായി പ്രവർത്തിക്കുന്നു, കൂടാതെ ഓരോ ഉൽപ്പന്ന ചിത്രവും ശ്രദ്ധാപൂർവ്വം തിരഞ്ഞെടുത്ത ഒരു ഫ്രെയിം പോലെ തൂങ്ങിക്കിടക്കുന്നു.
- Apple (España) — നേരിയ പകൽ വെളിച്ചത്തിൽ, മ്യൂസിയം ഗാലറി ആകർഷകവും ഭാരമില്ലാത്തതുമായ ഒരു വെളുത്ത ഇടമാണ്, ഓരോ പ്രദർശനവും നേരിയ നിറം മങ്ങിയ ചുവരിന് നേരെ സ്പോട്ട്ലൈറ്റ് കൊണ്ട് പ്രകാശിക്കുന്നു.
- Analogue — ബ്ലാക്ക് ഗാലറി ഡിസ്പ്ലേ കേസ് - സാധനങ്ങൾ ശൂന്യതയിൽ ചുറ്റിത്തിരിയുന്നു
- Apple (España) — ഒബ്സിഡിയൻ ഗാലറി ഷോകേസ് ഒരു ഇരുണ്ട പ്രദർശന ഹാളാണ്, അവിടെ ഒരു ടൈറ്റാനിയം വസ്തു കറുത്ത പശ്ചാത്തലത്തിൽ തിളങ്ങുന്നു.
- Studio Oker — കടും ചുവപ്പ് നിറങ്ങളിലുള്ള ഇരുണ്ട ഗാലറി - കറുത്ത ചുവരുകൾ നിരത്തിയ ഒരു പോർട്ട്ഫോളിയോ മുറി, അവിടെ വെളുത്ത അക്ഷരങ്ങൾ പൊങ്ങിക്കിടക്കുന്നതായി തോന്നുന്നു, നിശബ്ദതയെ ഭേദിച്ച് ഒരു ചുവന്ന മന്ത്രിപ്പ്.
- 099 SUPPLY — കറുപ്പും വെളുപ്പും നിറമുള്ള വസ്തുക്കൾ നിറഞ്ഞ ഒരു ഗാലറി മതിൽ
- Retool — ഒരു ചൂടുള്ള ഒബ്സിഡിയൻ വർക്ക്ഷോപ്പ് - കൃത്യതയുള്ള ഉപകരണങ്ങൾക്കുള്ള ഒരു ഉപരിതലം, പുകയുന്ന തീക്കനലുകൾ കത്തിക്കുന്നു, അവിടെ എല്ലാം സൃഷ്ടിക്കപ്പെടുന്നു.