Auros
Abyssal terminal nga adunay bioluminescent data ball
Ang Auros naglihok isip usa ka fintech terminal nga nahimutang sa kahiladman: usa ka hapit itom nga turquoise nga canvas nga adunay bioluminescent data orbs ug light gradients gikan sa turquoise ngadto sa pink, nga nagmugna og pagbati sa giladmon, fluidity, ug flow. Ang interface minimalist ug cinematic, nga nagsalig sa usa ka user display (Matter) nga medium ang gibag-on nga adunay agresibo nga negatibo nga tracking aron makahimo og scale nga dili sobra ka garish. Ang mga kolor parehas nga giapod-apod—ang achromatic whites ug silvers gigamit alang sa halos tanan nga sulud, samtang ang chromatic palette gitagana alang sa atmospheric gradients, mailhan nga mga nawong sa kard, ug usa ka signature pill-shaped button nga nag-usab sa kolor gikan sa turquoise-blue ngadto sa lavender-pink. Ang mga kard naglutaw sa mga maliputon nga turquoise surface ridges (16px radius, walay mga anino) imbes nga gitas-on, mao nga ang hierarchy giisip nga giladmon sa tubig imbes nga usa ka anino sa papel. Ang mga components tan-awon nga mahunahunaon ug sama sa instrumento: uppercase tracking marks, nipis nga geometric arrow icons, dagkong numeric readouts sa pale pink.
Usa ka ngitngit, bug-os nga gilapdon nga canvas nga adunay sulud nga labing taas nga gilapdon nga 1440px. Ang panguna nga elemento usa ka nakasentro nga bloke sa teksto (brow → headline → subtext → call to action) nga naglangkob sa tibuuk nga gitas-on sa viewport, nga adunay usa ka particle isip elemento sa background. Ang mga seksyon mga bug-os nga gilapdon nga mga strip nga gibulag sa dagkong 68px+ nga bertikal nga mga wanang, nga nagpuli-puli tali sa canvas ug gamay nga gitago nga mga nawong. Ang seksyon nga "Explore" naggamit usa ka asymmetrical nga duha ka kolum nga layout: ang wala nga kolum adunay mga gipatong nga feature card, samtang ang tuo nga kolum adunay usa ka geometric molecular illustration. Ang sulud nakasentro sa pig-ot nga mga kolum (maximum ~600px) para sa dali nga pagbasa, imbes nga molapad gikan sa ngilit ngadto sa ngilit. Ang footer usa ka gitago nga lungag (#011d1c) nga adunay 120px nga bertikal nga margin, nga nagmugna sa epekto sa usa ka lawom nga pool. Ang nabigasyon usa ka nipis, transparent nga panel nga adunay mga elemento nga gilay-on nga 16–24px. Ang kinatibuk-ang ritmo sinematiko ug lapad—ang matag seksyon nagginhawa, ug ang lawom, sama sa tubig nga kolor nga scheme nagmugna sa pagbati nga nahulog nga mas lawom sa matag tudling.
Minimalist ug atmospheric ang biswal nga estilo. Ang homepage adunay tulo-ka-dimensional nga particle sphere—liboan ka gagmay nga turquoise-blue ug puti nga mga tuldok nga nagporma og nagtuyok nga sphere nga nag-echo sa canvas ug lavender-pink nga mga accent sa mga ngilit, nga nagmugna og bioluminescent nga epekto nga nagpahinumdom sa usa ka butang nga impormasyon. Ang patag nga geometric molecular diagrams (puti nga mga lingin ug nipis nga mga linya nga nagkonektar sa usa ka itom nga canvas) nagsilbing pangdekorasyon nga mga elemento sa tuo nga kolum. Walay mga litrato, walay mga imahe sa estilo sa kinabuhi, walay mga tawo—ang biswal nga pinulongan gibase sa limpyo nga data graphics ug abstract nga mga porma. Ang particle sphere mao ang nagtino nga biswal nga elemento sa identidad sa brand; kinahanglan kini nga makita labing menos kausa sa matag hinungdanon nga panid aron mapalig-on ang metapora sa lawom nga dagat.
Paleta
Brand
- Liquid Abyss
#012624— Ang pangunang background mao ang base, header, pangunang elemento, ug dominanteng itom nga turquoise nga kolor sa panid. Kini nagmugna og atmospera sa lawom nga dagat. - Liquid Deep
#011d1c— Ang gitago nga lebel sa nawong mao ang background sa footer ug mas lawom nga mga panel nga karton. Kini giisip nga tunga sa tono nga mas ngitngit kay sa canvas, nga nagmugna og gamay nga paubos nga gradient sa giladmon. - Liquid Kelp
#003734— Gipataas nga nawong sa kard ug pun-an sa butones—usa ka gipataas nga nawong nga gibutang usa ka ang-ang ibabaw sa bung-aw. Gigamit para sa mga feature card, content panel, ug ang sinugdanan sa usa ka gradient button.
Neutral
- Liquid Mist
#edfffe— Ang bugnaw nga landong sa puti nagpasiugda sa body copy, mga ulohan sa seksyon, ug mainiton ug gaan nga tipograpiya. Ang gamay nga asul nga kolor naghiusa sa body copy sa turquoise nga kolor. - Platinum
#ffffff— Ang purong puti gigamit para sa mga ulohan, mga elemento sa nabigasyon, mga outline sa icon, ug teksto nga taas og contrast. Kini ang pangunang kolor sa teksto sa tanang lebel sa ulohan ug sa pangunang nabigasyon. - Silver Mist
#bbc7c6— Sekondaryang teksto, hinay nga mga deskripsyon, ug kolor sa link sa ilang orihinal nga kahimtang. Kini adunay gamay nga berde nga kolor, nga nagkomplemento sa turquoise nga background. - Ash
#f2f2f2— Dugang nga teksto para sa mga kinutlo ug mga review. Usa ka neyutral, bugnaw nga abohon nga landong para sa mga panahon nga ang turquoise undertone sa Silver Mist daw hayag kaayo. - Slate Deep
#707777— Usa ka gamay nga kolor sa nawong para sa dili aktibo o dili makita nga mga background. Kini nahimutang taliwala sa canvas ug karton, nga naghatag og gamay kaayong kalainan sa gitas-on. - Lavender Phosphor
#fde9ff— Kolor sa backlight para sa dagkong estadistika, mga numero sa counter, ug mga importanteng sukdanan. Ang pink nga landong sa signature gradient gigamit nga panagsa ra isip usa ka hayag nga accent sa ngitngit nga mga nawong.
Tipograpiya
gikan sa 10 hangtod 96px · 6 ka lakang
- Matter — kapuli: Inter · mga balangkas 400, 500 · Ang pangunang font para sa mga heading ug body copy gigamit nga may gibug-aton nga 500 para sa tanang heading (H1–H3) ug dagkong kinetic text (86–295px). Ang gibug-aton nga 400 gigamit para sa body copy ug UI text. Kini adunay agresibo nga negative letter spacing sa dagkong gidak-on (-0.04em sa 61px, -0.046em sa 86px) ug lapad nga positive letter spacing sa title caps (0.08em sa 20px, 0.12em sa 12px, 0.15em sa 10px). Ang estratehiya sa paggamit lamang og medium weight para sa mga heading usa ka talagsaon nga bahin—walay bold o gaan nga font—nga naghatag sa font og uniporme, mekanikal nga pagsalig.
- Arial — kapuli: system-ui · mga balangkas 400 · Usa ka ikaduhang fallback para sa mga interactive UI elements (nabigasyon, mga butones, header microcopy, footer). Makita lang sa 14px – gamiton isip luwas, universal fallback kung ang Matter wala gikarga, ug naglangkob sa mga label sa porma, teksto sa butones, ug gagmay nga teksto sa katabang.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | aberids |
| Batakang lakang | 20px |
| Radius sa butones | 6px |
| Radius sa kard | 16px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 68px |
| Lapad sa panid | 1440px |
Ang AI motukod sa imong website sa estilo sa Auros ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- Design Full-Time — usa ka studio cinema nga adunay usa ka mainit nga spotlight
- Air — eskultura nga "Kalangitan sa Tungang Gabii Pinaagi sa Bildo"
- Slash — Tunga sa tungang gabii nga vault nga adunay mga gilded ledger
- Raycast — Sentro sa Komandante sa Tungang Gabii, Coral Neon
- Dimension — usa ka workstation nga nalamdagan sa kangitngit nga adunay mga panel nga bildo nga may frosted
- Modal — Usa ka phosphorescent terminal sa usa ka ngitngit nga server room - ang bugtong tinubdan sa kahayag mao ang hayag nga berde nga kolor
- Giga — Kapunawpunawan sa tungang gabii ibabaw sa nagyelo nga obsidian
- Reflect Notes — Ang mabituon nga violet nga kawanangan usa ka ngitngit nga obserbatoryo diin ang mga nota naglutaw sama sa mga konstelasyon batok sa talan-awon sa halos itom nga indigo nga kahaw-ang.
- Ameba — Ang control room sa tungang gabii – usa ka electric blue nga pulso sulod sa mga frosted glass panel
- AgentQL — Northern Lights ibabaw sa terminal sa gabii
- Frame — Usa ka sinehan para sa mga salida sa kagabhion. Usa ka ngitngit nga kwarto diin usa ra ka asul nga spotlight ang motrabaho, ug ang user interface mawala sa background, nga nagtugot sa pag-project sa mga mamugnaon nga sulod sa unahan.
- Harness — Mission Control sa tungang gabii nga adunay phosphorescent green accents