Auros
Bezdanski terminal s bioluminiscentnim podatkovnim kuglama
Auros funkcionira kao fintech terminal smješten u ponoru: gotovo crno tirkizno platno s bioluminiscentnim podatkovnim kuglama i svjetlosnim gradijentima od tirkizne do ružičaste, stvarajući osjećaj dubine, fluidnosti i protoka. Sučelje je minimalističko i filmsko, oslanjajući se na jedan korisnički zaslon (Matter) srednje debljine s agresivnim negativnim praćenjem kako bi se stvorila skala bez previše drečavosti. Boje su ravnomjerno raspoređene - akromatske bijele i srebrne koriste se za gotovo sav sadržaj, dok je kromatska paleta rezervirana za atmosferske gradijente, razlikujući površine kartica i jedan prepoznatljivi gumb u obliku tablete koji mijenja boju iz tirkiznoplave u lavandino-ružičastu. Kartice plutaju na suptilnim tirkiznim površinskim grebenima (radijus od 16px, bez sjena) umjesto na visini, pa se hijerarhija doživljava kao dubina vode, a ne kao sjena na papiru. Komponente izgledaju promišljeno i nalik instrumentima: velika slova za praćenje, tanke geometrijske ikone strelica, veliki numerički prikazi u blijedoružičastoj boji.
Tamno platno pune širine sa sadržajem maksimalne širine 1440px. Glavni element je centriran blok teksta (obrva → naslov → podtekst → poziv na akciju) koji se proteže cijelom visinom prikaza, s česticom kao pozadinskim elementom. Odjeljci su trake pune širine odvojene velikim okomitim razmacima od 68px+, koji se izmjenjuju između platna i blago udubljenih površina. Odjeljak "Istraži" koristi asimetrični raspored s dva stupca: lijevi stupac sadrži složene kartice značajki, dok desni stupac sadrži geometrijsku molekularnu ilustraciju. Sadržaj je centriran u uskim stupcima (maksimalno ~600px) radi lakšeg čitanja, umjesto da se proteže od ruba do ruba. Podnožje je udubljena jama (#011d1c) s okomitom marginom od 120px, stvarajući efekt dubokog bazena. Navigacija je tanka, prozirna ploča s elementima razmaknutim 16–24px. Ukupni ritam je filmski i prostran - svaki odjeljak diše, a duboka, vodena shema boja stvara osjećaj padanja dublje sa svakim prolazom.
Vizualni stil je minimalistički i atmosferičan. Početna stranica sadrži trodimenzionalnu sferu čestica - tisuće sitnih tirkiznoplavih i bijelih točkica koje tvore rotirajuću sferu koja odražava platno i lavandasto-ružičaste akcente uz rubove, stvarajući bioluminiscentni efekt koji podsjeća na informacijski objekt. Ravni geometrijski molekularni dijagrami (bijeli krugovi i tanke spojne linije na tamnom platnu) služe kao dekorativni elementi u desnom stupcu. Nema fotografija, nema slika životnog stila, nema ljudi - vizualni jezik temelji se na čistoj grafici podataka i apstraktnim oblicima. Sfera čestica je definirajući vizualni element identiteta brenda; mora se pojaviti barem jednom na svakoj važnoj stranici kako bi se pojačala metafora dubokog mora.
Paleta
Robna marka
- Liquid Abyss
#012624— Glavna pozadina je baza stranice, zaglavlje, glavni element i dominantno tamnotirkizno polje. Stvara atmosferu dubokog mora. - Liquid Deep
#011d1c— Udubljena površina je pozadina podnožja i dublje kartonske ploče. Doživljava se kao poluton tamnija od platna, stvarajući suptilan silazni gradijent dubine. - Liquid Kelp
#003734— Podignuta površina kartice i ispuna gumba - podignuta površina postavljena jedan korak iznad ponora. Koristi se za kartice značajki, ploče sadržaja i početnu točku gumba gradijenta.
Neutralno
- Liquid Mist
#edfffe— Hladna nijansa bijele ističe glavni tekst, naslove odjeljaka i toplu, svijetlu tipografiju. Suptilna plava nijansa povezuje glavni tekst s tirkiznom shemom boja. - Platinum
#ffffff— Čisto bijela se koristi za naslove, navigacijske elemente, obrise ikona i tekst visokog kontrasta. To je primarna boja teksta na svim razinama naslova i primarne navigacije. - Silver Mist
#bbc7c6— Sekundarni tekst, prigušeni opisi i boja poveznice u izvornom stanju. Imaju blago zelenkastu nijansu koja nadopunjuje tirkiznu pozadinu. - Ash
#f2f2f2— Dodatni tekst za citate i recenzije. Neutralna, hladna siva nijansa za kada tirkizni podton Silver Mista djeluje previše svijetlo. - Slate Deep
#707777— Suptilna površinska nijansa za neaktivne ili slabo vidljive pozadine. Nalazi se između platna i kartona, pružajući vrlo suptilnu razliku u visini. - Lavender Phosphor
#fde9ff— Boja pozadinskog osvjetljenja za velike statistike, brojeve brojača i važne metrike. Ružičasta nijansa u prepoznatljivom gradijentu koristi se štedljivo kao svjetleći naglasak na tamnim površinama.
Tipografija
od 10 do 96px · 6 koraka
- Matter — zamjena: Inter · obrisi 400, 500 · Primarni font za naslove i tekst sadržaja koristi se s težinom 500 za sve naslove (H1–H3) i veliki kinetički tekst (86–295px). Težina 400 koristi se za tekst sadržaja i tekst korisničkog sučelja. Odlikuje se agresivnim negativnim razmakom između slova pri velikim veličinama (-0,04em na 61px, -0,046em na 86px) i širokim pozitivnim razmakom između slova u naslovima (0,08em na 20px, 0,12em na 12px, 0,15em na 10px). Strategija korištenja samo srednje težine za naslove je prepoznatljiva značajka - bez podebljanog ili svijetlog fonta - što fontu daje ujednačenu, mehaničku samouvjerenost.
- Arial — zamjena: system-ui · obrisi 400 · Sekundarna zamjena za interaktivne elemente korisničkog sučelja (navigacija, gumbi, mikrotekst zaglavlja, podnožje). Pojavljuje se samo na 14px – koristi se kao sigurna, univerzalna zamjena kada Matter nije učitan i pokriva oznake obrazaca, tekst gumba i mali pomoćni tekst.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prosjek |
| Osnovni korak | 20px |
| Radijus gumba | 6px |
| Radijus kartice | 16px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 68px |
| Širina stranice | 1440px |
Umjetna inteligencija će izraditi vašu web stranicu u Auros stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- Design Full-Time — studijsko kino s jednim toplim reflektorom
- Air — skulptura "Ponoćno nebo kroz staklo"
- Slash — Ponoćni trezor s pozlaćenim knjigama
- Raycast — Ponoćni zapovjedni centar, Coral Neon
- Dimension — radno mjesto osvijetljeno sumrakom s pločama od matiranog stakla
- Modal — Fosforescentni terminal u zamračenoj serverskoj sobi - jedini izvor svjetlosti je jarko zelene boje
- Giga — Ponoćni horizont iznad zaleđenog opsidijana
- Reflect Notes — Zvjezdano ljubičasti prostor je mračni opservatorij gdje note lebde poput zviježđa na pozadini gotovo crne indigo praznine.
- Ameba — Kontrolna soba u ponoć – električno plavi puls unutar matiranih staklenih ploča
- AgentQL — Sjeverna svjetlost iznad terminala noću
- Frame — Kino za kasnonoćne projekcije filmova. Mračna soba u kojoj jedan plavi reflektor obavlja sav posao, a korisničko sučelje se povlači u pozadinu, omogućujući projiciranje kreativnog sadržaja.
- Harness — Kontrola misije u ponoć s fosforescentnim zelenim akcentima