Auros
Terminal Abyssal me topa të dhënash biolumineshente
Auros funksionon si një terminal fintech i vendosur në humnerë: një kanavacë gati e zezë bruz me sfera të dhënash biolumineshente dhe gradiente drite nga bruz në rozë, duke krijuar një ndjesi thellësie, rrjedhshmërie dhe rrjedhshmërie. Ndërfaqja është minimaliste dhe kinematografike, duke u mbështetur në një ekran të vetëm përdoruesi (Matter) me trashësi mesatare me gjurmim agresiv negativ për të krijuar shkallë pa qenë tepër të ndezura. Ngjyrat shpërndahen në mënyrë të barabartë - të bardhat dhe argjendtët akromatikë përdoren për pothuajse të gjithë përmbajtjen, ndërsa paleta kromatike është e rezervuar për gradientët atmosferikë, sipërfaqet dalluese të kartave dhe një buton të vetëm në formë pilule që ndryshon ngjyrën nga blu bruz në rozë livando. Kartat notojnë në kreshta delikate sipërfaqësore bruz (rreze 16px, pa hije) në vend të lartësisë, kështu që hierarkia perceptohet si thellësia e ujit në vend të një hijeje në letër. Komponentët duken të menduar mirë dhe si instrumente: shenja gjurmimi me shkronja të mëdha, ikona të holla gjeometrike me shigjeta, lexime të mëdha numerike në rozë të zbehtë.
Një kanavacë e errët, me gjerësi të plotë, me përmbajtje në një gjerësi maksimale prej 1440px. Elementi kryesor është një bllok teksti i qendruar (vetull → titull → nëntekst → thirrje për veprim) që përfshin të gjithë lartësinë e dritares së shikimit, me një grimcë si element sfondi. Seksionet janë shirita me gjerësi të plotë të ndara nga hapësira të mëdha vertikale mbi 68px, duke alternuar midis kanavacës dhe sipërfaqeve pak të thelluara. Seksioni "Eksploro" përdor një paraqitje asimetrike me dy kolona: kolona e majtë përmban karta karakteristikash të grumbulluara, ndërsa kolona e djathtë paraqet një ilustrim molekular gjeometrik. Përmbajtja është e qendruar në kolona të ngushta (maksimumi ~600px) për lexim të lehtë, në vend që të shtrihet nga një skaj në tjetrin. Fundi i faqes është një gropë e thelluar (#011d1c) me një diferencë vertikale prej 120px, duke krijuar efektin e një pellgu të thellë. Navigimi është një panel i hollë dhe transparent me elementë të vendosur 16–24px larg njëri-tjetrit. Ritmi i përgjithshëm është kinematografik dhe i gjerë - çdo seksion merr frymë, dhe skema e ngjyrave e thellë, si uji, krijon ndjesinë e rënies më të thellë me çdo pasazh.
Stili vizual është minimalist dhe atmosferik. Faqja kryesore paraqet një sferë grimcash tre-dimensionale - mijëra pika të vogla ngjyrë bruz-blu dhe të bardha që formojnë një sferë rrotulluese që i bën jehonë kanavacës dhe thekse rozë-livando përgjatë skajeve, duke krijuar një efekt biolumineshent që të kujton një objekt informacioni. Diagramet molekulare gjeometrike të sheshta (rrathë të bardhë dhe vija të holla lidhëse në një kanavacë të errët) shërbejnë si elementë dekorativë në kolonën e djathtë. Asnjë fotografi, asnjë imazh stili jetese, asnjë njeri - gjuha vizuale bazohet në grafikë të pastra të të dhënave dhe forma abstrakte. Sfera e grimcave është elementi vizual përcaktues i identitetit të markës; ajo duhet të shfaqet të paktën një herë në çdo faqe të rëndësishme për të përforcuar metaforën e detit të thellë.
Paletë
Markë
- Liquid Abyss
#012624— Sfondi kryesor është baza e faqes, koka e faqes, elementi kryesor dhe fusha dominuese e errët turkeze. Krijon një atmosferë deti të thellë. - Liquid Deep
#011d1c— Niveli i sipërfaqes së zhytur është sfondi i fundit të faqes dhe panelet e kartonit më të thella. Perceptohet si një gjysmëton më i errët se kanavaca, duke krijuar një gradient të lehtë poshtë thellësie. - Liquid Kelp
#003734— Sipërfaqe e ngritur e kartës dhe mbushje e butonit—një sipërfaqe e ngritur e pozicionuar një hap mbi boshllëk. Përdoret për kartat e veçorive, panelet e përmbajtjes dhe pikën fillestare të një butoni me gradient.
Neutral
- Liquid Mist
#edfffe— Një nuancë e ftohtë e së bardhës nxjerr në pah tekstin kryesor, titujt e seksioneve dhe tipografinë e ngrohtë e të çelët. Një nuancë delikate blu e lidh tekstin kryesor me skemën e ngjyrave bruz. - Platinum
#ffffff— E bardha e pastër përdoret për titujt, elementët e navigimit, konturet e ikonave dhe tekstin me kontrast të lartë. Është ngjyra kryesore e tekstit në të gjitha nivelet e titujve dhe navigimin kryesor. - Silver Mist
#bbc7c6— Teksti dytësor, përshkrimet e zbehta dhe ngjyra e lidhjes në gjendjen e tyre origjinale. Ato kanë një nuancë të lehtë të gjelbër, duke plotësuar sfondin ngjyrë turkeze. - Ash
#f2f2f2— Tekst shtesë për citate dhe recensione. Një nuancë gri neutrale dhe e ftohtë për kur nuanca bruz e Silver Mist duket shumë e ndritshme. - Slate Deep
#707777— Një nuancë sipërfaqësore delikate për sfonde joaktive ose me dukshmëri të ulët. Vendoset midis kanavacës dhe kartonit, duke siguruar një ndryshim shumë të lehtë në lartësi. - Lavender Phosphor
#fde9ff— Ngjyra e ndriçimit të sfondit për statistika të mëdha, numra numëruesish dhe metrika të rëndësishme. Nuanca rozë në gradientin karakteristik përdoret me kursim si një theks i ndriçueshëm në sipërfaqe të errëta.
Tipografi
nga 10 në 96px · 6 hapa
- Matter — zëvendësim: Inter · skica 400, 500 · Fonti kryesor për titujt dhe tekstin e trupit përdoret me një peshë prej 500 për të gjitha titujt (H1–H3) dhe tekstin e madh kinetik (86–295px). Një peshë prej 400 përdoret për tekstin e trupit dhe tekstin e ndërfaqes së përdoruesit. Ai përmban hapësirë agresive negative midis shkronjave në madhësi të mëdha (-0.04em në 61px, -0.046em në 86px) dhe hapësirë të gjerë pozitive midis shkronjave në shkronjat e mëdha të titujve (0.08em në 20px, 0.12em në 12px, 0.15em në 10px). Strategjia e përdorimit vetëm të një peshe mesatare për titujt është një tipar dallues - asnjë font i trashë ose i lehtë - gjë që i jep fontit një besim uniform dhe mekanik.
- Arial — zëvendësim: system-ui · skica 400 · Një alternativë dytësore për elementët interaktivë të ndërfaqes së përdoruesit (navigimi, butonat, mikrokopjimi i kokës, fundi i faqes). Shfaqet vetëm në 14px – përdoret si një alternativë e sigurt dhe universale kur Matter nuk është i ngarkuar dhe mbulon etiketat e formularëve, tekstin e butonave dhe tekstin e vogël ndihmës.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | mesatare |
| Hapi bazë | 20px |
| Rrezja e butonit | 6px |
| Rrezja e kartës | 16px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 68px |
| Gjerësia e faqes | 1440px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Auros dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Design Full-Time — një kinema studio me një dritë të ngrohtë
- Air — skulpturë "Qielli i Mesnatës Përmes Qelqit"
- Slash — Kasaforta e mesnatës me libra të praruar
- Raycast — Qendra e Komandës së Mesnatës, Coral Neon
- Dimension — një vend pune i ndriçuar nga muzgu me panele xhami të mbuluara me akull
- Modal — Një terminal fosforeshent në një dhomë serverash të errët - burimi i vetëm i dritës është një ngjyrë jeshile e ndritshme
- Giga — Horizonti i mesnatës mbi obsidian të ngrirë
- Reflect Notes — Hapësira ngjyrë vjollce yllore është një vëzhgues i errët ku notat notojnë si yjësi në një sfond boshllëku pothuajse të zi indigo.
- Ameba — Dhoma e kontrollit në mesnatë – një puls blu elektrik brenda paneleve prej qelqi të mbuluara me akull
- AgentQL — Dritat Veriore mbi terminal natën
- Frame — Një kinema për shfaqje filmash natën vonë. Një dhomë e errët ku një dritë e vetme blu bën gjithë punën dhe ndërfaqja e përdoruesit zbehet në sfond, duke lejuar që përmbajtja krijuese të projektohet përpara.
- Harness — Kontrolli i Misionit në mesnatë me thekse jeshile fosforeshente