Auros
Abyssale terminal mei biolumineszinte databallen
Auros funksjonearret as in fintech-terminal yn 'e ôfgrûn: in hast swart turkoois doek mei biolumineszinte data-orbs en ljochtgradiënten fan turkoois nei rôze, wat in gefoel fan djipte, floeiberens en stream skept. De ynterface is minimalistysk en filmysk, en fertrout op in ien-brûkersdisplay (Matter) fan middelgrutte dikte mei agressive negative tracking om skaal te meitsjen sûnder al te oerdreaun te wêzen. Kleuren binne evenredich ferdield - achromatyske wyt en sulver wurde brûkt foar hast alle ynhâld, wylst it chromatyske palet reservearre is foar atmosfearyske gradiënten, it ûnderskieden fan kaartoerflakken, en in inkele hantekening pilfoarmige knop dy't fan kleur feroaret fan turkooisblau nei lavendelroze. Kaarten driuwe op subtile turkooizen oerflakrichels (16px radius, gjin skaden) ynstee fan hichte, sadat hiërargy wurdt waarnommen as de djipte fan wetter ynstee fan in skaad op papier. De komponinten sjogge trochtocht en ynstrumint-eftich út: haadletters trackingmarks, tinne geometryske pylkikoanen, grutte numerike útlêzingen yn ljochtroze.
In tsjuster, folsleine breedte doek mei ynhâld op in maksimale breedte fan 1440px. It haadelemint is in sintrearre tekstblok (wynbrauw → koptekst → subtekst → oprop ta aksje) dat de hiele viewporthichte beslacht, mei in dieltsje as eftergrûnelemint. Seksjes binne strips oer folsleine breedte skieden troch grutte 68px+ fertikale romten, ôfwikseljend tusken doek en wat ferdjippe oerflakken. De "Explore" seksje brûkt in asymmetryske yndieling mei twa kolommen: de lofterkolom befettet stapele funksjekaarten, wylst de rjochterkolom in geometryske molekulêre yllustraasje hat. Ynhâld is sintrearre yn smelle kolommen (maksimum ~600px) foar maklik lêzen, ynstee fan út te strekken fan râne nei râne. De fuottekst is in ferdjippe kûle (#011d1c) mei in fertikale marzje fan 120px, wêrtroch it effekt fan in djippe plasse ûntstiet. De navigaasje is in tin, transparant paniel mei eleminten dy't 16-24px útinoar steane. It algemiene ritme is filmysk en rom - elke seksje sykhellet, en it djippe, wetterachtige kleurskema skept it gefoel fan djipper te fallen mei elke passaazje.
De fisuele styl is minimalistysk en sfearfol. De thússide hat in trijediminsjonale dieltsjesfear - tûzenen lytse turkooisblauwe en wite stippen dy't in draaiende sfear foarmje dy't it doek werjout en lavendelroze aksinten lâns de rânen, wêrtroch't in biolumineszint effekt ûntstiet dat tinken docht oan in ynformaasjeobjekt. Platte geometryske molekulêre diagrammen (wite sirkels en tinne ferbinende linen op in donker doek) tsjinje as dekorative eleminten yn 'e rjochterkolom. Gjin foto's, gjin libbensstylôfbyldings, gjin minsken - de fisuele taal is basearre op skjinne datagrafiken en abstrakte foarmen. De dieltsjesfear is it definiearjende fisuele elemint fan 'e merkidentiteit; it moat teminsten ien kear op elke wichtige pagina ferskine om de djipseemetafoar te fersterkjen.
Palet
Merk
- Liquid Abyss
#012624— De wichtichste eftergrûn is de basis, koptekst, haadelemint en it dominante donkerturkooizen fjild fan 'e pagina. It skept in djipseesfear. - Liquid Deep
#011d1c— It ferdjippe oerflaknivo is de eftergrûn fan 'e fuottekst en djippere kartonnen panielen. It wurdt waarnommen as in healtoan donkerder as it doek, wêrtroch in subtile delgeande gradiënt fan djipte ûntstiet. - Liquid Kelp
#003734— Ferhege kaartoerflak en knopopfolling - in ferhege oerflak dat ien stap boppe de kloof pleatst is. Brûkt foar funksjekaarten, ynhâldspanielen en it begjinpunt fan in kleurferrinknop.
Neutraal
- Liquid Mist
#edfffe— In koele wyt skaad markearret de haadtekst, seksjekoppen en waarme, ljochte typografy. In subtile blauwe tint ferbynt de haadtekst mei it turquoise kleurskema. - Platinum
#ffffff— Puur wyt wurdt brûkt foar kopteksten, navigaasje-eleminten, ikoankonturen en tekst mei hege kontrast. It is de primêre tekstkleur yn alle koptekstnivo's en de primêre navigaasje. - Silver Mist
#bbc7c6— Sekundêre tekst, gedempte beskriuwingen en keppelingskleur yn har orizjinele steat. Se hawwe in lichte grienige tint, dy't de turquoise eftergrûn komplementearret. - Ash
#f2f2f2— Oanfoljende tekst foar sitaten en resinsjes. In neutrale, koele grize skaad foar as de turkooizen ûndertoan fan Silver Mist te helder fielt. - Slate Deep
#707777— In subtile oerflaktint foar ynaktive of leechsichtbere eftergrûnen. It sit tusken it doek en it karton, wêrtroch in tige subtyl hichteferskil ûntstiet. - Lavender Phosphor
#fde9ff— Kleur fan efterljochting foar grutte statistiken, tellernûmers en wichtige metriken. De rôze skaad yn 'e hantekeningsgradiënt wurdt sparjend brûkt as in ljochtsjend aksint op donkere oerflakken.
Typografy
fan 10 oant 96px · 6 stappen
- Matter — ferfanging: Inter · sketsen 400, 500 · It primêre lettertype foar kopteksten en lichemtekst wurdt brûkt mei in gewicht fan 500 foar alle kopteksten (H1–H3) en grutte kinetyske tekst (86–295px). In gewicht fan 400 wurdt brûkt foar lichemtekst en brûkersynterfacetekst. It hat agressive negative letterôfstân by grutte maten (-0.04em by 61px, -0.046em by 86px) en brede positive letterôfstân yn titelhaadletters (0.08em by 20px, 0.12em by 12px, 0.15em by 10px). De strategy om allinich in middelgrut gewicht foar kopteksten te brûken is in ûnderskiedend skaaimerk - gjin fet of ljocht lettertype - wat it lettertype in unifoarme, meganyske selsbetrouwen jout.
- Arial — ferfanging: system-ui · sketsen 400 · In sekundêre fallback foar ynteraktive UI-eleminten (navigaasje, knoppen, koptekstmikrokopy, fuottekst). Ferskynt allinich by 14px - brûkt as in feilige, universele fallback as Matter net laden is, en omfettet formulierlabels, knoptekst en lytse helptekst.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | trochsneed |
| Basisstap | 20px |
| Knopradius | 6px |
| Kaartradius | 16px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 68px |
| Sidebreedte | 1440px |
AI sil jo webside bouwe yn Auros -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- Design Full-Time — in studiobioskoop mei ien waarme spotlight
- Air — byldhouwurk "Middernachtshimmel troch glês"
- Slash — Middernachtskluis mei fergulde ledgers
- Raycast — Middernacht Kommando Sintrum, Coral Neon
- Dimension — in wurkstasjon mei skimerljocht en matte glêzen panielen
- Modal — In fosforeszente terminal yn in tsjustere serverkeamer - de ienige ljochtboarne is in helder griene kleur
- Giga — Middernachtshorizon oer matte obsidiaan
- Reflect Notes — Stjerrefiolette romte is in tsjuster observatoarium dêr't noaten sweve as stjerrebylden tsjin in eftergrûn fan hast swarte indigo leechte.
- Ameba — De kontrôlekeamer om middernacht - in elektrysk blauwe puls yn matte glêzen panielen
- AgentQL — Noarderljocht boppe de terminal by nacht
- Frame — In bioskoop foar lette filmfertoaningen. In tsjustere keamer dêr't in inkele blauwe spot al it wurk docht, en de brûkersynterface nei de eftergrûn ferdwynt, wêrtroch kreative ynhâld nei foaren projektearre wurde kin.
- Harness — Missykontrôle om middernacht mei fosforeszinte griene aksinten