Auros

ബയോലുമിനെസെന്റ് ഡാറ്റ ബോളുകളുള്ള അബിസൽ ടെർമിനൽ

അഗാധതയിൽ സ്ഥിതി ചെയ്യുന്ന ഒരു ഫിൻടെക് ടെർമിനലായി ഓറോസ് പ്രവർത്തിക്കുന്നു: ബയോലുമിനസെന്റ് ഡാറ്റ ഓർബുകളും ടർക്കോയ്‌സ് മുതൽ പിങ്ക് വരെയുള്ള ലൈറ്റ് ഗ്രേഡിയന്റുകളും ഉള്ള ഒരു കറുത്ത ടർക്കോയ്‌സ് ക്യാൻവാസ്, ആഴം, ദ്രാവകത, ഒഴുക്ക് എന്നിവയുടെ ഒരു ബോധം സൃഷ്ടിക്കുന്നു. ഇന്റർഫേസ് മിനിമലിസ്റ്റും സിനിമാറ്റിക് ആണ്, അമിതമായി അലങ്കരിച്ചിരിക്കാതെ സ്കെയിൽ സൃഷ്ടിക്കാൻ ആക്രമണാത്മക നെഗറ്റീവ് ട്രാക്കിംഗുള്ള ഇടത്തരം കട്ടിയുള്ള ഒരു സിംഗിൾ യൂസർ ഡിസ്പ്ലേ (മാറ്റർ) ആശ്രയിച്ചിരിക്കുന്നു. നിറങ്ങൾ തുല്യമായി വിതരണം ചെയ്യപ്പെടുന്നു - മിക്കവാറും എല്ലാ ഉള്ളടക്കത്തിനും അക്രോമാറ്റിക് വെള്ളയും വെള്ളിയും ഉപയോഗിക്കുന്നു, അതേസമയം ക്രോമാറ്റിക് പാലറ്റ് അന്തരീക്ഷ ഗ്രേഡിയന്റുകൾ, കാർഡ് പ്രതലങ്ങളെ വേർതിരിക്കൽ, ടർക്കോയ്‌സ്-നീലയിൽ നിന്ന് ലാവെൻഡർ-പിങ്കിലേക്ക് നിറം മാറ്റുന്ന ഒരു സിംഗിൾ സിഗ്നേച്ചർ പിൽ ആകൃതിയിലുള്ള ബട്ടൺ എന്നിവയ്ക്കായി നീക്കിവച്ചിരിക്കുന്നു. കാർഡുകൾ ഉയരത്തേക്കാൾ സൂക്ഷ്മമായ ടർക്കോയ്‌സ് ഉപരിതല വരമ്പുകളിൽ (16px ആരം, നിഴലുകൾ ഇല്ല) പൊങ്ങിക്കിടക്കുന്നു, അതിനാൽ ശ്രേണി പേപ്പറിലെ നിഴലിനേക്കാൾ വെള്ളത്തിന്റെ ആഴമായി കണക്കാക്കപ്പെടുന്നു. ഘടകങ്ങൾ ചിന്തനീയവും ഉപകരണം പോലെയുമാണ് കാണപ്പെടുന്നത്: വലിയക്ഷര ട്രാക്കിംഗ് മാർക്കുകൾ, നേർത്ത ജ്യാമിതീയ അമ്പടയാള ഐക്കണുകൾ, ഇളം പിങ്ക് നിറത്തിലുള്ള വലിയ സംഖ്യാ റീഡൗട്ടുകൾ.

പരമാവധി 1440px വീതിയിൽ ഉള്ളടക്കമുള്ള ഒരു ഇരുണ്ട, പൂർണ്ണ വീതിയുള്ള ക്യാൻവാസ്. പ്രധാന ഘടകം ഒരു കേന്ദ്രീകൃത ടെക്സ്റ്റ് ബ്ലോക്ക് ആണ് (ബ്രോ → ഹെഡ്‌ലൈൻ → സബ്‌ടെക്സ്റ്റ് → കോൾ ടു ആക്ഷൻ), ഇത് മുഴുവൻ വ്യൂപോർട്ട് ഉയരവും ഒരു കണിക പശ്ചാത്തല ഘടകവുമായി ഉൾക്കൊള്ളുന്നു. വിഭാഗങ്ങൾ വലിയ 68px+ ലംബ ഇടങ്ങളാൽ വേർതിരിച്ച പൂർണ്ണ വീതിയുള്ള സ്ട്രിപ്പുകളാണ്, അവ ക്യാൻവാസിനും ചെറുതായി ആഴത്തിലുള്ള പ്രതലങ്ങൾക്കും ഇടയിൽ മാറിമാറി വരുന്നു. "എക്സ്പ്ലോർ" വിഭാഗം ഒരു അസമമായ രണ്ട്-കോളം ലേഔട്ട് ഉപയോഗിക്കുന്നു: ഇടത് നിരയിൽ സ്റ്റാക്ക് ചെയ്ത ഫീച്ചർ കാർഡുകൾ അടങ്ങിയിരിക്കുന്നു, അതേസമയം വലത് നിരയിൽ ഒരു ജ്യാമിതീയ തന്മാത്രാ ചിത്രീകരണം ഉണ്ട്. അരികിൽ നിന്ന് അരികിലേക്ക് നീട്ടുന്നതിനുപകരം, എളുപ്പത്തിൽ വായിക്കുന്നതിനായി ഇടുങ്ങിയ നിരകളിലാണ് (പരമാവധി ~600px) ഉള്ളടക്കം കേന്ദ്രീകരിച്ചിരിക്കുന്നത്. അടിക്കുറിപ്പ് 120px ലംബ മാർജിനോടുകൂടിയ ഒരു ആഴത്തിലുള്ള മാർജിൻ ഉള്ള ഒരു ഉൾച്ചേർത്ത കുഴിയാണ് (#011d1c). 16–24px അകലത്തിലുള്ള ഘടകങ്ങളുള്ള ഒരു നേർത്ത, സുതാര്യമായ പാനലാണ് നാവിഗേഷൻ. മൊത്തത്തിലുള്ള താളം സിനിമാറ്റിക് ആണ്, വിശാലമാണ് - ഓരോ വിഭാഗവും ശ്വസിക്കുന്നു, ആഴമേറിയതും ജലസമാനവുമായ വർണ്ണ സ്കീം ഓരോ വഴിത്തിരിവിലും കൂടുതൽ ആഴത്തിലേക്ക് വീഴുന്നതിന്റെ പ്രതീതി സൃഷ്ടിക്കുന്നു.

ദൃശ്യ ശൈലി മിനിമലിസ്റ്റും അന്തരീക്ഷവുമാണ്. ഹോംപേജിൽ ഒരു ത്രിമാന കണികാ ഗോളം ഉണ്ട് - ആയിരക്കണക്കിന് ചെറിയ ടർക്കോയ്‌സ്-നീല, വെള്ള കുത്തുകൾ ഒരു ഭ്രമണ ഗോളം രൂപപ്പെടുത്തുന്നു, അത് ക്യാൻവാസിനെയും ലാവെൻഡർ-പിങ്ക് ആക്‌സന്റുകളെയും അരികുകളിൽ പ്രതിധ്വനിപ്പിക്കുന്നു, ഇത് ഒരു വിവര വസ്തുവിനെ അനുസ്മരിപ്പിക്കുന്ന ഒരു ബയോലൂമിനസെന്റ് പ്രഭാവം സൃഷ്ടിക്കുന്നു. ഫ്ലാറ്റ് ജ്യാമിതീയ തന്മാത്രാ ഡയഗ്രമുകൾ (ഇരുണ്ട ക്യാൻവാസിൽ വെളുത്ത വൃത്തങ്ങളും നേർത്ത ബന്ധിപ്പിക്കുന്ന വരകളും) വലത് നിരയിൽ അലങ്കാര ഘടകങ്ങളായി വർത്തിക്കുന്നു. ഫോട്ടോഗ്രാഫുകളില്ല, ജീവിതശൈലി ചിത്രങ്ങളില്ല, ആളുകളില്ല - ദൃശ്യ ഭാഷ ശുദ്ധമായ ഡാറ്റ ഗ്രാഫിക്സുകളെയും അമൂർത്ത രൂപങ്ങളെയും അടിസ്ഥാനമാക്കിയുള്ളതാണ്. കണികാ ഗോളം ബ്രാൻഡ് ഐഡന്റിറ്റിയുടെ നിർവചിക്കുന്ന ദൃശ്യ ഘടകമാണ്; ആഴക്കടൽ രൂപകത്തെ ശക്തിപ്പെടുത്തുന്നതിന് എല്ലാ പ്രധാന പേജുകളിലും ഒരിക്കലെങ്കിലും അത് പ്രത്യക്ഷപ്പെടണം.

ഇരുണ്ടത്സോഫ്റ്റ് ഗ്രേഡിയന്റുകൾ മിനിമലിസം മോണോക്രോം

https://auros.global

പാലറ്റ്

ബ്രാൻഡ്

Liquid Abyss #012624 — പേജിന്റെ അടിസ്ഥാനം, തലക്കെട്ട്, പ്രധാന ഘടകം, പ്രബലമായ ഇരുണ്ട ടർക്കോയ്‌സ് ഫീൽഡ് എന്നിവയാണ് പ്രധാന പശ്ചാത്തലം. ഇത് ഒരു ആഴക്കടൽ അന്തരീക്ഷം സൃഷ്ടിക്കുന്നു.
Liquid Deep #011d1c — ആഴമേറിയ കാർഡ്ബോർഡ് പാനലുകളും അടിക്കുറിപ്പ് പശ്ചാത്തലവുമാണ് ആഴത്തിലുള്ള ഉപരിതല നിരപ്പ്. ഇത് ക്യാൻവാസിനെക്കാൾ പകുതി ടോൺ ഇരുണ്ടതായി കാണപ്പെടുന്നു, ഇത് ആഴത്തിന്റെ സൂക്ഷ്മമായ താഴേക്കുള്ള ഗ്രേഡിയന്റ് സൃഷ്ടിക്കുന്നു.
Liquid Kelp #003734 — ഉയർത്തിയ കാർഡ് ഉപരിതലവും ബട്ടൺ ഫില്ലും - അഗാധത്തിന് ഒരു പടി മുകളിൽ സ്ഥാപിച്ചിരിക്കുന്ന ഉയർത്തിയ പ്രതലം. ഫീച്ചർ കാർഡുകൾ, ഉള്ളടക്ക പാനലുകൾ, ഒരു ഗ്രേഡിയന്റ് ബട്ടണിന്റെ ആരംഭ പോയിന്റ് എന്നിവയ്ക്കായി ഉപയോഗിക്കുന്നു.

നിഷ്പക്ഷം

Liquid Mist #edfffe — വെള്ളയുടെ ഒരു തണുത്ത ഷേഡ് ബോഡി ടെക്സ്റ്റ്, സെക്ഷൻ ഹെഡിംഗുകൾ, ഊഷ്മളവും ഇളം നിറത്തിലുള്ളതുമായ ടൈപ്പോഗ്രാഫി എന്നിവ എടുത്തുകാണിക്കുന്നു. സൂക്ഷ്മമായ ഒരു നീല നിറം ബോഡി ടെക്സ്റ്റിനെ ടർക്കോയ്‌സ് കളർ സ്കീമിലേക്ക് ബന്ധിപ്പിക്കുന്നു.
Platinum #ffffff — തലക്കെട്ടുകൾ, നാവിഗേഷൻ ഘടകങ്ങൾ, ഐക്കൺ ഔട്ട്‌ലൈനുകൾ, ഉയർന്ന ദൃശ്യതീവ്രതയുള്ള വാചകം എന്നിവയ്‌ക്കായി ശുദ്ധമായ വെള്ള ഉപയോഗിക്കുന്നു. എല്ലാ തലക്കെട്ട് തലങ്ങളിലും പ്രാഥമിക നാവിഗേഷനിലും ഇത് പ്രാഥമിക വാചക നിറമാണ്.
Silver Mist #bbc7c6 — ദ്വിതീയ വാചകം, നിശബ്ദമാക്കിയ വിവരണങ്ങൾ, ലിങ്ക് നിറം എന്നിവ അവയുടെ യഥാർത്ഥ അവസ്ഥയിൽ. അവയ്ക്ക് നേരിയ പച്ചകലർന്ന നിറമുണ്ട്, ഇത് ടർക്കോയ്‌സ് പശ്ചാത്തലത്തെ പൂരകമാക്കുന്നു.
Ash #f2f2f2 — ഉദ്ധരണികൾക്കും അവലോകനങ്ങൾക്കുമായി അധിക വാചകം. സിൽവർ മിസ്റ്റിന്റെ ടർക്കോയ്‌സ് അണ്ടർടോൺ വളരെ തിളക്കമുള്ളതായി തോന്നുമ്പോൾ ഉപയോഗിക്കാവുന്ന ഒരു നിഷ്പക്ഷവും തണുത്തതുമായ ചാരനിറത്തിലുള്ള ഷേഡ്.
Slate Deep #707777 — നിഷ്‌ക്രിയമായതോ കുറഞ്ഞ ദൃശ്യപരതയുള്ളതോ ആയ പശ്ചാത്തലങ്ങൾക്ക് ഒരു സൂക്ഷ്മമായ പ്രതല നിറം. ഇത് ക്യാൻവാസിനും കാർഡ്‌ബോർഡിനും ഇടയിൽ സ്ഥിതിചെയ്യുകയും വളരെ സൂക്ഷ്മമായ ഉയര വ്യത്യാസം നൽകുകയും ചെയ്യുന്നു.
Lavender Phosphor #fde9ff — വലിയ സ്ഥിതിവിവരക്കണക്കുകൾ, കൗണ്ടർ നമ്പറുകൾ, പ്രധാനപ്പെട്ട മെട്രിക്കുകൾ എന്നിവയ്‌ക്കുള്ള ബാക്ക്‌ലൈറ്റ് നിറം. സിഗ്നേച്ചർ ഗ്രേഡിയന്റിലെ പിങ്ക് ഷേഡ് ഇരുണ്ട പ്രതലങ്ങളിൽ ഒരു തിളക്കമുള്ള ആക്‌സന്റായി വളരെ കുറച്ച് മാത്രമേ ഉപയോഗിക്കുന്നുള്ളൂ.

ടൈപ്പോഗ്രാഫി

10 മുതൽ 96px വരെ · 6 ചുവടുകൾ

Matter — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400, 500 · തലക്കെട്ടുകൾക്കും ബോഡി കോപ്പിക്കും വേണ്ടിയുള്ള പ്രാഥമിക ഫോണ്ട് എല്ലാ തലക്കെട്ടുകൾക്കും 500 വെയ്റ്റും (H1–H3) വലിയ കൈനറ്റിക് ടെക്സ്റ്റും (86–295px) ഉപയോഗിക്കുന്നു. ബോഡി കോപ്പിക്കും UI ടെക്സ്റ്റിനും 400 വെയ്റ്റും ഉപയോഗിക്കുന്നു. വലിയ വലുപ്പങ്ങളിൽ (-0.04em at 61px, -0.046em at 86px) ആക്രമണാത്മക നെഗറ്റീവ് ലെറ്റർ സ്‌പെയ്‌സിംഗും ടൈറ്റിൽ ക്യാപ്പുകളിൽ വൈഡ് പോസിറ്റീവ് ലെറ്റർ സ്‌പെയ്‌സിംഗും (0.08em at 20px, 0.12em at 12px, 0.15em at 10px) ഇതിൽ ഉൾപ്പെടുന്നു. തലക്കെട്ടുകൾക്ക് ഇടത്തരം വെയ്റ്റ് മാത്രം ഉപയോഗിക്കുക എന്ന തന്ത്രം ഒരു വ്യതിരിക്ത സവിശേഷതയാണ് - ബോൾഡ് അല്ലെങ്കിൽ ലൈറ്റ് ഫോണ്ട് ഇല്ല - ഇത് ഫോണ്ടിന് ഒരു ഏകീകൃതവും മെക്കാനിക്കൽ ആത്മവിശ്വാസവും നൽകുന്നു.
Arial — മാറ്റിസ്ഥാപിക്കൽ: system-ui · രൂപരേഖകൾ 400 · ഇന്ററാക്ടീവ് UI ഘടകങ്ങൾക്കായുള്ള (നാവിഗേഷൻ, ബട്ടണുകൾ, ഹെഡർ മൈക്രോകോപ്പി, ഫൂട്ടർ) ഒരു ദ്വിതീയ ഫാൾബാക്ക്. 14px-ൽ മാത്രം ദൃശ്യമാകുന്നു - മാറ്റർ ലോഡ് ചെയ്യാത്തപ്പോൾ സുരക്ഷിതവും സാർവത്രികവുമായ ഫാൾബാക്കായി ഉപയോഗിക്കുന്നു, കൂടാതെ ഫോം ലേബലുകൾ, ബട്ടൺ ടെക്സ്റ്റ്, ചെറിയ ഹെൽപ്പർ ടെക്സ്റ്റ് എന്നിവ ഉൾക്കൊള്ളുന്നു.

ഇടവേളകളും രൂപവും

ഉദ്ദേശ്യം	അർത്ഥം
സാന്ദ്രത	ശരാശരി
അടിസ്ഥാന ഘട്ടം	20px
ബട്ടൺ ആരം	6px
കാർഡ് ആരം	16px
ഷാഡോകൾ	ഷാഡോകൾക്ക് പകരം ബോർഡറുകൾ ഇല്ല
വിഭാഗങ്ങൾക്കിടയിൽ	68px
പേജ് വീതി	1440px

AI നിങ്ങളുടെ വെബ്‌സൈറ്റ് Auros ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.

Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്‌വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.

ഈ രീതിയിൽ ഒരു വെബ്സൈറ്റ് സൃഷ്ടിക്കുക

സമാനമായ ശൈലികൾ

Design Full-Time — ഒരു ചൂടുള്ള സ്പോട്ട്‌ലൈറ്റുള്ള ഒരു സ്റ്റുഡിയോ സിനിമ
Air — "ഗ്ലാസിലൂടെയുള്ള അർദ്ധരാത്രി ആകാശം" എന്ന ശില്പം
Slash — സ്വർണ്ണം പൂശിയ ലെഡ്ജറുകളുള്ള അർദ്ധരാത്രി നിലവറ
Raycast — മിഡ്‌നൈറ്റ് കമാൻഡ് സെന്റർ, കോറൽ നിയോൺ
Dimension — ഫ്രോസ്റ്റഡ് ഗ്ലാസ് പാനലുകളുള്ള ഒരു സന്ധ്യാ വെളിച്ചമുള്ള വർക്ക്‌സ്റ്റേഷൻ
Modal — ഇരുണ്ട സെർവർ മുറിയിലെ ഒരു ഫോസ്ഫോറസെന്റ് ടെർമിനൽ - ഒരേയൊരു പ്രകാശ സ്രോതസ്സ് തിളക്കമുള്ള പച്ച നിറമാണ്.
Giga — മഞ്ഞുമൂടിയ ഒബ്സിഡിയന് മുകളിലുള്ള അർദ്ധരാത്രി ചക്രവാളം
Reflect Notes — നക്ഷത്രനിബിഡമായ വയലറ്റ് സ്പേസ് ഒരു ഇരുണ്ട നിരീക്ഷണാലയമാണ്, അവിടെ കറുത്ത ഇൻഡിഗോ ശൂന്യതയുടെ പശ്ചാത്തലത്തിൽ നക്ഷത്രരാശികൾ പോലെ നോട്ടുകൾ പൊങ്ങിക്കിടക്കുന്നു.
Ameba — അർദ്ധരാത്രിയിലെ കൺട്രോൾ റൂം - ഫ്രോസ്റ്റഡ് ഗ്ലാസ് പാനലുകൾക്കുള്ളിൽ ഒരു വൈദ്യുത നീല സ്പന്ദനം.
AgentQL — രാത്രിയിൽ ടെർമിനലിന് മുകളിലുള്ള വടക്കൻ വിളക്കുകൾ
Frame — രാത്രി വൈകിയുള്ള സിനിമാ പ്രദർശനത്തിനുള്ള ഒരു സിനിമാശാല. ഒരു നീല സ്പോട്ട്ലൈറ്റ് എല്ലാ ജോലികളും ചെയ്യുന്ന ഒരു ഇരുണ്ട മുറി, ഉപയോക്തൃ ഇന്റർഫേസ് പശ്ചാത്തലത്തിലേക്ക് മങ്ങുന്നു, ഇത് സൃഷ്ടിപരമായ ഉള്ളടക്കം മുന്നോട്ട് പ്രൊജക്റ്റ് ചെയ്യാൻ അനുവദിക്കുന്നു.
Harness — ഫോസ്ഫോറസെന്റ് പച്ച നിറത്തിലുള്ള ആക്സന്റുകളോടെ അർദ്ധരാത്രിയിൽ മിഷൻ കൺട്രോൾ