Auros
Abessaalne terminal bioluminestsentssete andmepallidega
Auros toimib kuristikku peidetud fintech-terminalina: peaaegu must türkiissinine lõuend bioluminestseeruvate andmesfääride ja türkiissinisest roosani ulatuvate valgusgradientidega, luues sügavuse, voolavuse ja voolavuse tunde. Liides on minimalistlik ja kinemaatiline, tuginedes ühele keskmise paksusega kasutajaekraanile (Matter) agressiivse negatiivse jälgimisega, et luua skaala ilma liigselt kirju olemiseta. Värvid on ühtlaselt jaotunud – akromaatilisi valgeid ja hõbedasi toone kasutatakse peaaegu kogu sisu jaoks, samas kui kromaatiline palett on reserveeritud atmosfäärigradientidele, mis eristavad kaardipindu, ja ühele signatuursele tabletikujulisele nupule, mis muudab värvi türkiissinisest lavendliroosaks. Kaardid hõljuvad peentel türkiissinisel pinnaharjal (16 piksli raadius, varjudeta), mitte kõrgusel, seega tajutakse hierarhiat pigem vee sügavusena kui varjuna paberil. Komponendid näevad välja läbimõeldud ja instrumendilaadsed: suurtähtedega jälgimismärgid, õhukesed geomeetrilised nooleikoonid, suured kahvaturoosad numbrilised näidud.
Tume, täislaiuses lõuend, mille sisu maksimaalne laius on 1440 pikslit. Põhielement on tsentreeritud tekstiplokk (kulm → pealkiri → alltekst → üleskutse tegevusele), mis hõlmab kogu vaatevälja kõrgust, ja taustaelemendiks on osake. Sektsioonid on täislaiuses ribad, mida eraldavad suured üle 68 piksli suurused vertikaalsed tühikud, vaheldumisi lõuendi ja kergelt süvistatud pindade vahel. Jaotis „Avasta” kasutab asümmeetrilist kaheveerulist paigutust: vasakpoolne veerg sisaldab virnastatud funktsioonikaarte, parempoolne veerg aga geomeetrilist molekulaarset illustratsiooni. Sisu on tsentreeritud kitsastesse veergudesse (maksimaalselt ~600 pikslit), et see oleks hõlpsam lugeda, mitte ei veniks servast servani. Jalus on süvistatud süvend (#011d1c) 120 piksli suuruse vertikaalse veerisega, mis loob sügava basseini efekti. Navigeerimine on õhuke, läbipaistev paneel, mille elemendid on paigutatud üksteisest 16–24 piksli kaugusele. Üldine rütm on filmilik ja avar – iga sektsioon hingab ning sügav, veesarnane värviskeem loob tunde, et iga lõiguga langetakse sügavamale.
Visuaalne stiil on minimalistlik ja atmosfääriline. Avalehel on kujutatud kolmemõõtmelist osakestesfääri – tuhanded pisikesed türkiissinised ja valged täpid moodustavad pöörleva sfääri, mis kajastab lõuendit ja lavendliroosad aktsendid servades, luues bioluminestsentsefekti, mis meenutab infoobjekti. Parempoolses veerus on dekoratiivsed elemendid lamedad geomeetrilised molekulaardiagrammid (valged ringid ja õhukesed ühendusjooned tumedal lõuendil). Ei mingeid fotosid, elustiilipilte ega inimesi – visuaalne keel põhineb puhtal andmegraafikal ja abstraktsetel vormidel. Osakeste sfäär on brändi identiteedi määrav visuaalne element; see peab ilmuma vähemalt üks kord igal olulisel lehel, et tugevdada süvamere metafoori.
Palett
Bränd
- Liquid Abyss
#012624— Peamine taust on lehe alus, päis, põhielement ja domineeriv tume türkiissinine väli. See loob süvamere atmosfääri. - Liquid Deep
#011d1c— Süvistatud pinnatasand on jaluse taust ja sügavamad papppaneelid. See tajutakse pooltooni võrra tumedamana kui lõuend, luues õrna allapoole suunatud sügavusgradiendi. - Liquid Kelp
#003734— Tõstetud kaardipind ja nuputäide – tõstetud pind, mis paikneb ühe astme võrra kuristiku kohal. Kasutatakse funktsioonikaartide, sisupaneelide ja gradientnupu alguspunkti jaoks.
Neutraalne
- Liquid Mist
#edfffe— Külm valge toon toob esile põhiteksti, peatükkide pealkirjad ja sooja, heleda tüpograafia. Õrn sinine toon seob põhiteksti türkiissinise värvilahendusega. - Platinum
#ffffff— Puhasvalget värvi kasutatakse pealkirjade, navigeerimiselementide, ikoonide kontuurribade ja suure kontrastsusega teksti jaoks. See on peamine tekstivärv kõigil pealkirjatasemetel ja peamises navigeerimisribas. - Silver Mist
#bbc7c6— Teisene tekst, summutatud kirjeldused ja linkide värv algsel kujul. Neil on kerge rohekas toon, mis täiendab türkiissinist tausta. - Ash
#f2f2f2— Lisatekst tsitaatide ja arvustuste jaoks. Neutraalne, jahe hall toon, kui Silver Mist türkiissinine alatoon tundub liiga hele. - Slate Deep
#707777— Peen pinnatoon passiivsetele või halvasti nähtavatele taustadele. See asetseb lõuendi ja papi vahel, tekitades väga peene kõrguse erinevuse. - Lavender Phosphor
#fde9ff— Taustavalguse värv suurte statistiliste andmete, loendurinumbrite ja oluliste näitajate jaoks. Roosat tooni signatuurgradiendis kasutatakse säästlikult helendava aktsendina tumedatel pindadel.
Tüpograafia
10-st 96 pikslini · 6 sammu
- Matter — asendamine: Inter · kontuurid 400, 500 · Pealkirjade ja põhiteksti peamine font on kaaluga 500 kõigi pealkirjade (H1–H3) ja suure kineetilise teksti (86–295 pikslit) puhul. Põhiteksti ja kasutajaliidese teksti puhul kasutatakse kaaluga 400. Suurte tähtede puhul on sellel agressiivne negatiivne tähevahe (-0,04em 61 piksli juures, -0,046em 86 piksli juures) ja pealkirjade suurtähtede puhul lai positiivne tähevahe (0,08em 20 piksli juures, 0,12em 12 piksli juures, 0,15em 10 piksli juures). Pealkirjade puhul on iseloomulik ainult keskmise kaaluga fondi kasutamine – ei mingit paksu ega heledat fonti –, mis annab fondile ühtlase ja mehaanilise enesekindluse.
- Arial — asendamine: system-ui · kontuurid 400 · Teisene varuvõimalus interaktiivsete kasutajaliidese elementide (navigeerimine, nupud, päise mikrokoopia, jalus) jaoks. Ilmub ainult 14px juures – seda kasutatakse turvalise ja universaalse varuvõimalusena, kui Matter pole laaditud, ning see hõlmab vormisilte, nuppude teksti ja väikest abiteksti.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | keskmine |
| Põhisamm | 20px |
| Nupu raadius | 6px |
| Kaardi raadius | 16px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 68px |
| Lehe laius | 1440px |
Tehisintellekt loob teie veebisaidi Auros stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Design Full-Time — stuudiokino ühe sooja prožektoriga
- Air — skulptuur "Kesköötaevas läbi klaasi"
- Slash — Keskööseiklus kullatud pearaamatutega
- Raycast — Kesköö juhtimiskeskus, Coral Neon
- Dimension — hämaras valgustatud tööjaam mattklaasist paneelidega
- Modal — Fosforestseeruv terminal pimendatud serveriruumis - ainus valgusallikas on erkroheline värv
- Giga — Kesköö horisont härmas obsidiaani kohal
- Reflect Notes — Tähistaevas violetne kosmos on tume observatoorium, kus noodid hõljuvad nagu tähtkujud peaaegu musta indigosinise tühjuse taustal.
- Ameba — Keskööl asuv juhtimisruum – elektriline sinine pulseerimine mattklaasist paneelide sees
- AgentQL — Virmalised terminali kohal öösel
- Frame — Kino hilisõhtuseks filmilinastuseks. Pime ruum, kus üks sinine prožektor teeb kogu töö ära ja kasutajaliides sulandub taustale, võimaldades loomingulist sisu edasi projitseerida.
- Harness — Keskööl asuv missioonikeskus fosforestseerivate roheliste aktsentidega