Auros
Bezdanski terminal s bioluminiscentnim podatkovnim kuglama
Auros funkcionira kao fintech terminal smješten u ponoru: gotovo crno tirkizno platno s bioluminiscentnim kuglama podataka i svjetlosnim gradijentima od tirkizne do ružičaste, stvarajući osjećaj dubine, fluidnosti i protoka. Interfejs je minimalistički i filmski, oslanjajući se na jedan korisnički ekran (Matter) srednje debljine s agresivnim negativnim praćenjem kako bi se stvorila skala bez previše drečavosti. Boje su ravnomjerno raspoređene - ahromatska bijela i srebrna se koriste za gotovo sav sadržaj, dok je hromatska paleta rezervirana za atmosferske gradijente, razlikujući površine kartica i jedno prepoznatljivo dugme u obliku tablete koje mijenja boju iz tirkizno plave u lavanda-ružičastu. Kartice plutaju na suptilnim tirkiznim površinskim grebenima (radijus 16px, bez sjena) umjesto na visini, tako da se hijerarhija doživljava kao dubina vode, a ne kao sjena na papiru. Komponente izgledaju promišljeno i poput instrumenata: 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 centrirani 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 vertikalnim razmacima od 68px+, koji se naizmjenično pojavljuju između platna i blago udubljenih površina. Odjeljak "Istraži" koristi asimetrični raspored s dvije kolone: lijeva kolona sadrži naslagane kartice s karakteristikama, dok desna kolona sadrži geometrijsku molekularnu ilustraciju. Sadržaj je centriran u uskim kolonama (maksimalno ~600px) radi lakšeg čitanja, umjesto da se proteže od ruba do ruba. Podnožje je udubljena jama (#011d1c) s vertikalnom 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.
Vizuelni stil je minimalistički i atmosferičan. Početna stranica sadrži trodimenzionalnu sferu čestica - hiljade sitnih tirkizno-plavih i bijelih tačaka koje formiraju rotirajuću sferu koja odražava platno i lavanda-ružičaste akcente duž ivica, stvarajući bioluminiscentni efekat koji podsjeća na informacioni objekat. Ravni geometrijski molekularni dijagrami (bijeli krugovi i tanke spojne linije na tamnom platnu) služe kao dekorativni elementi u desnoj koloni. Nema fotografija, nema slika životnog stila, nema ljudi - vizuelni jezik se zasniva na čistoj grafici podataka i apstraktnim oblicima. Sfera čestica je definirajući vizuelni element identiteta brenda; mora se pojaviti barem jednom na svakoj važnoj stranici kako bi se pojačala metafora dubokog mora.
Paleta
Brend
- Liquid Abyss
#012624— Glavna pozadina je baza stranice, zaglavlje, glavni element i dominantno tamno tirkizno polje. Stvara atmosferu dubokog mora. - Liquid Deep
#011d1c— Udubljeni nivo površine je pozadina podnožja i dublji kartonski paneli. Doživljava se kao poluton tamniji od platna, stvarajući suptilni silazni gradijent dubine. - Liquid Kelp
#003734— Podignuta površina kartice i ispuna dugmeta - podignuta površina postavljena jedan korak iznad ponora. Koristi se za kartice karakteristika, panele sadržaja i početnu tačku dugmeta za gradijent.
Neutralno
- Liquid Mist
#edfffe— Hladna nijansa bijele ističe tekst teksta, naslove odjeljaka i toplu, svijetlu tipografiju. Suptilna plava nijansa povezuje tekst teksta 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 nivoima naslova i primarne navigacije. - Silver Mist
#bbc7c6— Sekundarni tekst, prigušeni opisi i boja linkova u originalnom 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 se štedljivo koristi kao svjetleći akcenat 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 sadržaja i tekst korisničkog interfejsa. 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 karakteristika - bez podebljanog ili svijetlog fonta - što fontu daje ujednačenu, mehaničku samouvjerenost.
- Arial — zamjena: system-ui · obrisi 400 · Sekundarna opcija za interaktivne UI elemente (navigacija, dugmad, mikrotekst zaglavlja, podnožje). Pojavljuje se samo na 14px – koristi se kao sigurna, univerzalna opcija kada Matter nije učitan i pokriva oznake obrazaca, tekst dugmadi i mali pomoćni tekst.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prosjek |
| Osnovni korak | 20px |
| Radijus dugmeta | 6px |
| Radijus kartice | 16px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 68px |
| Širina stranice | 1440px |
Vještačka inteligencija će izgraditi vašu web stranicu u Auros stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Design Full-Time — studijski kino s jednim toplim reflektorom
- Air — skulptura "Ponoćno nebo kroz staklo"
- Slash — Ponoćni trezor sa pozlaćenim knjigama
- Raycast — Ponoćni komandni centar, Coral Neon
- Dimension — radno mjesto osvijetljeno u sumraku s matiranim staklenim pločama
- 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čna opservatorija gdje note lebde poput sazviježđa na pozadini gotovo crne indigo praznine.
- Ameba — Kontrolna soba u ponoć – električno plavi puls unutar matiranih staklenih panela
- 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čki interfejs se gubi u pozadini, omogućavajući projekciju kreativnog sadržaja.
- Harness — Kontrola misije u ponoć s fosforescentnim zelenim akcentima