Auros
Terminale abissale cù sfere di dati bioluminescenti
Auros funziona cum'è un terminal fintech annidatu in l'abissu: una tela turchese quasi nera cù sfere di dati bioluminescenti è gradienti di luce da u turchese à u rosa, creendu un sensu di prufundità, fluidità è flussu. L'interfaccia hè minimalista è cinematografica, basendu si nantu à un unicu display d'utilizatore (Matter) di spessore mediu cù un tracciamentu negativu aggressivu per creà scala senza esse troppu sgargiante. I culori sò distribuiti uniformemente: i bianchi è l'argenti acromatici sò usati per quasi tuttu u cuntenutu, mentre chì a paleta cromatica hè riservata à i gradienti atmosferichi, chì distinguenu e superfici di e carte, è un unicu buttone in forma di pillola chì cambia culore da u turchese-blu à u rosa lavanda. E carte galleggianu nantu à creste di superficie turchese sottili (raghju di 16px, senza ombre) piuttostu chè l'altezza, dunque a ghjerarchia hè percepita cum'è a prufundità di l'acqua piuttostu chè un'ombra nantu à a carta. I cumpunenti parenu riflessivi è simili à strumenti: segni di tracciamentu maiusculi, icone di frecce geometriche sottili, grandi letture numeriche in rosa pallidu.
Una tela scura, à piena larghezza, cù un cuntenutu à una larghezza massima di 1440px. L'elementu principale hè un bloccu di testu centratu (brow → title → subtext → call to action) chì copre tutta l'altezza di a finestra di visualizazione, cù una particella cum'è elementu di fondu. E sezioni sò strisce à piena larghezza separate da grandi spazii verticali di più di 68px, chì alternanu trà tela è superfici ligeramente incassate. A sezione "Explore" usa un layout asimmetricu à duie colonne: a colonna di manca cuntene carte di funzione impilate, mentre chì a colonna di diritta presenta una illustrazione moleculare geometrica. U cuntenutu hè centratu in colonne strette (massimu ~600px) per una lettura faciule, invece di stende si da un bordu à l'altru. U pede di pagina hè un fossu incassatu (#011d1c) cù un margine verticale di 120px, chì crea l'effettu di una piscina prufonda. A navigazione hè un pannellu sottile è trasparente cù elementi spaziati di 16-24px. U ritmu generale hè cinematicu è spaziosu - ogni sezione respira, è u schema di culori prufondu, simile à l'acqua, crea a sensazione di cascà più in fondu cù ogni passaghju.
U stile visuale hè minimalista è atmosfericu. A pagina iniziale presenta una sfera di particelle tridimensionale - migliaia di picculi punti turchese-blu è bianchi chì formanu una sfera rotante chì riecheggia a tela è accenti rosa lavanda longu i bordi, creendu un effettu bioluminescente chì ricorda un ughjettu d'infurmazione. I diagrammi moleculari geometrichi piatti (cerchi bianchi è linee di cunnessione sottili nantu à una tela scura) servenu cum'è elementi decorativi in a colonna di diritta. Nisuna fotografia, nisuna imagine di stile di vita, nisuna persona - u linguaghju visuale hè basatu annantu à grafica di dati pulita è forme astratte. A sfera di particelle hè l'elementu visuale definitoriu di l'identità di a marca; deve cumparisce almenu una volta in ogni pagina impurtante per rinfurzà a metafora di u mare prufondu.
Paletta
Marca
- Liquid Abyss
#012624— U fondu principale hè a basa di a pagina, l'intestazione, l'elementu principale è u campu turchese scuru dominante. Crea un'atmosfera di mare prufondu. - Liquid Deep
#011d1c— U livellu di a superficia incassata hè u fondu di u pede di pagina è i pannelli di cartone più prufondi. Hè percepitu cum'è un mezu tonu più scuru chè a tela, creendu un sottile gradiente di prufundità discendente. - Liquid Kelp
#003734— Superficie di carta rialzata è riempimentu di buttone - una superficia rialzata situata un passu sopra u chasm. Aduprata per e carte di funzione, i pannelli di cuntenutu è u puntu di partenza di un buttone di gradiente.
Neutru
- Liquid Mist
#edfffe— Una tonalità fresca di biancu mette in risaltu u corpu di u testu, i tituli di e sezzioni è a tipografia calda è ligera. Una tinta turchina sottile lega u corpu di u testu à u schema di culori turchese. - Platinum
#ffffff— U biancu puru hè adupratu per i tituli, l'elementi di navigazione, i contorni di l'icone è u testu à cuntrastu altu. Hè u culore di testu primariu in tutti i livelli di tituli è in a navigazione primaria. - Silver Mist
#bbc7c6— Testu secundariu, descrizzioni mute è culore di i ligami in u so statu originale. Anu una ligera tinta verdastra, chì cumplementa u fondu turchese. - Ash
#f2f2f2— Testu supplementu per citazioni è recensioni. Una tonalità grisgia neutra è fresca per quandu u sottutono turchese di Silver Mist si sente troppu luminosu. - Slate Deep
#707777— Una tinta superficiale suttile per sfondi inattivi o à bassa visibilità. Si trova trà a tela è u cartone, furnendu una differenza d'altezza assai suttile. - Lavender Phosphor
#fde9ff— Culore di retroilluminazione per statistiche di grande dimensione, numeri di contatori è metriche impurtanti. A tonalità rosa in u gradiente di firma hè aduprata cù parsimonia cum'è un accentu luminosu nantu à e superfici scure.
Tipografia
da 10 à 96px · 6 passi
- Matter — rimpiazzamentu: Inter · contorni 400, 500 · U caratteru principale per i tituli è u testu di u corpu hè adupratu cù un pesu di 500 per tutti i tituli (H1-H3) è u testu cineticu grande (86-295px). Un pesu di 400 hè adupratu per u testu di u corpu è u testu di l'interfaccia utente. Presenta una spaziatura negativa aggressiva di e lettere à grande dimensione (-0.04em à 61px, -0.046em à 86px) è una spaziatura positiva larga di e lettere in e maiuscule di i tituli (0.08em à 20px, 0.12em à 12px, 0.15em à 10px). A strategia di aduprà solu un pesu mediu per i tituli hè una caratteristica distintiva - nisun caratteru grassu o chjaru - chì dà à u caratteru una fiducia uniforme è meccanica.
- Arial — rimpiazzamentu: system-ui · contorni 400 · Una alternativa secundaria per l'elementi interattivi di l'interfaccia utente (navigazione, buttoni, microcopia di l'intestazione, pede di pagina). Apparisce solu à 14px - aduprata cum'è una alternativa sicura è universale quandu Matter ùn hè micca caricatu, è copre l'etichette di i moduli, u testu di i buttoni è u picculu testu d'aiutu.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | mediu |
| Passu basicu | 20px |
| Raggiu di u buttone | 6px |
| Raggiu di a carta | 16px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 68px |
| Larghezza di a pagina | 1440px |
L'IA custruisce u vostru situ web in stile Auros è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- Design Full-Time — un cinema di studio cù un focu caldu
- Air — scultura "Cielo di mezzanotte à traversu u vetru"
- Slash — Volta di mezzanotte cù registri dorati
- Raycast — Centru di Cummandu di Mezanotte, Coral Neon
- Dimension — una stazione di travagliu illuminata da u crepuscolu cù pannelli di vetru smerigliatu
- Modal — Un terminale fosforescente in una stanza di servitori scura - l'unica fonte di luce hè un culore verde brillanti
- Giga — Orizzonte di mezzanotte sopra l'ossidiana ghiacciata
- Reflect Notes — U spaziu viulettu stellatu hè un osservatoriu scuru induve e note flottanu cum'è custellazioni contr'à un sfondate di vacuità indaco guasi neru.
- Ameba — A sala di cuntrollu à mezanotte - un impulsu turchinu elettricu in i pannelli di vetru smerigliatu
- AgentQL — Aurora boreale sopra u terminal di notte
- Frame — Un cinema per pruiezioni di filmi à tarda notte. Una stanza scura induve un solu riflettore turchinu face tuttu u travagliu, è l'interfaccia utente si ritira in u fondu, permettendu à u cuntenutu creativu di esse prughjettatu in avanti.
- Harness — Cuntrollu di Missione à mezanotte cù accenti verdi fosforescenti