Auros
Breznanski terminal z bioluminiscenčnimi podatkovnimi kroglami
Auros deluje kot fintech terminal, ugnezden v breznu: skoraj črno turkizno platno z bioluminiscenčnimi podatkovnimi kroglami in svetlobnimi gradienti od turkizne do roza barve, ki ustvarjajo občutek globine, pretočnosti in pretoka. Vmesnik je minimalističen in kinematografski, saj se opira na en sam uporabniški zaslon (Matter) srednje debeline z agresivnim negativnim sledenjem, ki ustvarja lestvico, ne da bi bil preveč kričeč. Barve so enakomerno porazdeljene – akromatska bela in srebrna se uporabljata za skoraj vso vsebino, medtem ko je kromatska paleta rezervirana za atmosferske gradiente, ki ločujejo površine kartic, in en sam značilen gumb v obliki tablete, ki spreminja barvo iz turkizno modre v sivkino roza. Kartice lebdijo na subtilnih turkiznih površinskih grebenih (polmer 16px, brez senc) in ne na višini, zato se hierarhija dojema kot globina vode in ne kot senca na papirju. Komponente so videti premišljene in podobne instrumentom: sledilne oznake z velikimi črkami, tanke geometrijske ikone puščic, veliki numerični odčitki v bledo roza barvi.
Temno platno polne širine z vsebino največje širine 1440 slikovnih pik. Glavni element je centriran besedilni blok (obrvo → naslov → podtekst → poziv k dejanju), ki se razteza čez celotno višino vidnega polja, z delcem kot elementom ozadja. Razdelki so trakovi polne širine, ločeni z velikimi navpičnimi presledki, velikimi več kot 68 slikovnih pik, ki se izmenjujejo med platnom in rahlo vdolbljenimi površinami. Razdelek»Razišči« uporablja asimetrično postavitev z dvema stolpcema: levi stolpec vsebuje zložene kartice funkcij, desni stolpec pa geometrijsko molekularno ilustracijo. Vsebina je centrirana v ozkih stolpcih (največ ~600 slikovnih pik) za lažje branje, namesto da se razteza od roba do roba. Podnožje je vdolbina (#011d1c) z navpičnim robom 120 slikovnih pik, ki ustvarja učinek globokega bazena. Navigacija je tanka, prozorna plošča z elementi, razporejenimi med 16 in 24 slikovnimi pikami. Celoten ritem je kinematografski in prostoren – vsak razdelek diha, globoka, vodi podobna barvna shema pa ustvarja občutek, da se z vsakim prehodom potopimo globlje.
Vizualni slog je minimalističen in atmosferičen. Domača stran ima tridimenzionalno kroglo delcev – na tisoče drobnih turkizno modrih in belih pikic tvori vrtečo se kroglo, ki odraža platno, in sivkino-rožnate poudarke vzdolž robov, kar ustvarja bioluminiscenčni učinek, ki spominja na informacijski objekt. Ploski geometrijski molekularni diagrami (beli krogi in tanke povezovalne črte na temnem platnu) služijo kot dekorativni elementi v desnem stolpcu. Brez fotografij, brez slik življenjskega sloga, brez ljudi – vizualni jezik temelji na čisti podatkovni grafiki in abstraktnih oblikah. Krogla delcev je odločilni vizualni element identitete blagovne znamke; na vsaki pomembni strani se mora pojaviti vsaj enkrat, da okrepi metaforo globokega morja.
Paleta
Blagovna znamka
- Liquid Abyss
#012624— Glavno ozadje predstavlja osnovo strani, glavo, glavni element in prevladujoče temno turkizno polje. Ustvarja vzdušje globokega morja. - Liquid Deep
#011d1c— Vdolbena površina je ozadje podnožja in globlje kartonske plošče. Zaznana je kot pol tona temnejša od platna, kar ustvarja subtilen navzdolnji preliv globine. - Liquid Kelp
#003734— Dvignjena površina kartice in polnilo gumba – dvignjena površina, postavljena en korak nad prepadom. Uporablja se za kartice funkcij, plošče z vsebino in začetno točko gumba za preliv.
Nevtralno
- Liquid Mist
#edfffe— Hladen odtenek bele barve poudarja besedilo, naslove razdelkov in toplo, svetlo tipografijo. Nežen moder odtenek povezuje besedilo v turkizno barvno shemo. - Platinum
#ffffff— Čista bela se uporablja za naslove, navigacijske elemente, obrise ikon in besedilo z visokim kontrastom. Je primarna barva besedila na vseh ravneh naslovov in primarne navigacije. - Silver Mist
#bbc7c6— Sekundarno besedilo, utišani opisi in barva povezav v prvotnem stanju. Imajo rahlo zelenkast odtenek, ki dopolnjuje turkizno ozadje. - Ash
#f2f2f2— Dodatno besedilo za citate in ocene. Nevtralen, hladen siv odtenek za tiste primere, ko se vam turkizni podton Silver Mist zdi preveč svetel. - Slate Deep
#707777— Nežen površinski odtenek za neaktivna ali slabo vidna ozadja. Namešča se med platno in karton ter ustvarja zelo subtilno višinsko razliko. - Lavender Phosphor
#fde9ff— Barva osvetlitve ozadja za velike statistične podatke, številke števcev in pomembne metrike. Roza odtenek v značilnem gradientu se uporablja redko kot svetleč poudarek na temnih površinah.
Tipografija
od 10 do 96 slikovnih pik · 6 korakov
- Matter — zamenjava: Inter · obrisi 400, 500 · Primarna pisava za naslove in besedilo besedila se uporablja s težo 500 za vse naslove (H1–H3) in veliko kinetično besedilo (86–295 slikovnih pik). Za besedilo besedila in besedilo uporabniškega vmesnika se uporablja teža 400. Pri velikih velikostih ima agresiven negativen razmik med črkami (-0,04 em pri 61 slikovnih pik, -0,046 em pri 86 slikovnih pik) in širok pozitiven razmik med črkami v naslovih (0,08 em pri 20 slikovnih pik, 0,12 em pri 12 slikovnih pik, 0,15 em pri 10 slikovnih pik). Strategija uporabe le srednje teže za naslove je posebnost – brez krepke ali svetle pisave – kar daje pisavi enotno, mehanično samozavest.
- Arial — zamenjava: system-ui · obrisi 400 · Sekundarna rezerva za interaktivne elemente uporabniškega vmesnika (navigacija, gumbi, mikrokopija glave, noga). Pojavi se le pri 14 slikovnih pikah – uporablja se kot varna, univerzalna rezerva, ko Matter ni naložen, in pokriva oznake obrazcev, besedilo gumbov in majhna pomožna besedila.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | povprečje |
| Osnovni korak | 20px |
| Polmer gumba | 6px |
| Polmer kartice | 16px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 68px |
| Širina strani | 1440px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Auros in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- Design Full-Time — studijski kino z enim toplim reflektorjem
- Air — skulptura "Polnočno nebo skozi steklo"
- Slash — Polnočni trezor z pozlačenimi knjigami
- Raycast — Polnočni poveljniški center, Coral Neon
- Dimension — delovna postaja z osvetlitvijo v mraku in matiranimi steklenimi ploščami
- Modal — Fosforescentni terminal v zatemnjeni strežniški sobi - edini vir svetlobe je svetlo zelene barve
- Giga — Polnočno obzorje nad zmrznjenim obsidianom
- Reflect Notes — Zvezdno vijoličen prostor je temen observatorij, kjer note lebdijo kot ozvezdja na ozadju skoraj črne indigo praznine.
- Ameba — Kontrolna soba ob polnoči – električno moder utrip znotraj matiranih steklenih plošč
- AgentQL — Severni sij nad terminalom ponoči
- Frame — Kino za pozno nočne filmske projekcije. Temna soba, kjer en sam moder reflektor opravi vse delo, uporabniški vmesnik pa zbledi v ozadje, kar omogoča projiciranje ustvarjalnih vsebin naprej.
- Harness — Nadzor misije ob polnoči s fosforescentno zelenimi poudarki