Auros
Abyssal terminal med bioluminescerende datakuler
Auros fungerer som en fintech-terminal gjemt i avgrunnen: et nesten svart turkis lerret med bioluminescerende datakuler og lysgradienter fra turkis til rosa, noe som skaper en følelse av dybde, flyt og bevegelsesfrihet. Grensesnittet er minimalistisk og filmatisk, og er avhengig av en enkelt brukerskjerm (Matter) av middels tykkelse med aggressiv negativ sporing for å skape skala uten å være for glorete. Fargene er jevnt fordelt – akromatiske hvite og sølvfarger brukes til nesten alt innhold, mens den kromatiske paletten er reservert for atmosfæriske gradienter, som skiller kortoverflater og en enkelt signatur pilleformet knapp som endrer farge fra turkisblå til lavendelrosa. Kort flyter på subtile turkise overflatekanter (16 pikslers radius, ingen skygger) snarere enn høyde, slik at hierarkiet oppfattes som vanndybden snarere enn en skygge på papiret. Komponentene ser gjennomtenkte og instrumentlignende ut: sporingsmerker med store bokstaver, tynne geometriske pilikoner, store numeriske avlesninger i lyserosa.
Et mørkt lerret i full bredde med innhold med en maksimal bredde på 1440 piksler. Hovedelementet er en sentrert tekstblokk (bryn → overskrift → undertekst → handlingsfremmende oppfordring) som strekker seg over hele viewporthøyden, med en partikkel som bakgrunnselement. Seksjonene er striper i full bredde atskilt av store vertikale mellomrom på over 68 piksler, som veksler mellom lerret og litt forsenkede overflater. «Utforsk»-delen bruker et asymmetrisk tokolonneoppsett: venstre kolonne inneholder stablede funksjonskort, mens høyre kolonne har en geometrisk molekylær illustrasjon. Innholdet er sentrert i smale kolonner (maks. ~600 piksler) for enkel lesning, i stedet for å strekke seg fra kant til kant. Bunnteksten er en forsenket grop (#011d1c) med en vertikal marg på 120 piksler, noe som skaper effekten av et dypt basseng. Navigasjonen er et tynt, gjennomsiktig panel med elementer med 16–24 pikslers mellomrom. Den overordnede rytmen er filmatisk og romslig – hver seksjon puster, og det dype, vannlignende fargeskjemaet skaper følelsen av å falle dypere med hver passasje.
Den visuelle stilen er minimalistisk og atmosfærisk. Hjemmesiden har en tredimensjonal partikkelkule – tusenvis av små turkisblå og hvite prikker som danner en roterende kule som gjenspeiler lerretet, og lavendelrosa aksenter langs kantene, noe som skaper en bioluminescerende effekt som minner om et informasjonsobjekt. Flate geometriske molekyldiagrammer (hvite sirkler og tynne forbindelseslinjer på et mørkt lerret) fungerer som dekorative elementer i høyre kolonne. Ingen fotografier, ingen livsstilsbilder, ingen mennesker – det visuelle språket er basert på ren datagrafikk og abstrakte former. Partikkelkulen er det definerende visuelle elementet i merkeidentiteten; den må vises minst én gang på hver viktige side for å forsterke dyphavsmetaforen.
Palett
Merke
- Liquid Abyss
#012624— Hovedbakgrunnen er sidens base, overskrift, hovedelement og dominerende mørke turkise felt. Det skaper en dyphavsatmosfære. - Liquid Deep
#011d1c— Det innfelte overflatenivået er bunntekstens bakgrunn og dypere papppaneler. Det oppfattes som en halvtone mørkere enn lerretet, noe som skaper en subtil nedadgående dybdegradient. - Liquid Kelp
#003734— Hevet kortflate og knappfyll – en hevet overflate plassert ett trinn over avgrunnen. Brukes til funksjonskort, innholdspaneler og startpunktet for en gradientknapp.
Nøytral
- Liquid Mist
#edfffe— En kjølig hvitfarge fremhever brødteksten, seksjonsoverskriftene og den varme, lyse typografien. En subtil blåfarge knytter brødteksten til det turkise fargevalget. - Platinum
#ffffff— Ren hvit brukes til overskrifter, navigasjonselementer, ikonomriss og tekst med høy kontrast. Det er den primære tekstfargen på alle overskriftsnivåer og i den primære navigasjonen. - Silver Mist
#bbc7c6— Sekundærtekst, dempede beskrivelser og lenkefarge i sin opprinnelige tilstand. De har et svakt grønnaktig skjær som komplementerer den turkise bakgrunnen. - Ash
#f2f2f2— Tilleggstekst for sitater og anmeldelser. En nøytral, kjølig gråtone for når den turkise undertonen i Silver Mist føles for sterk. - Slate Deep
#707777— En subtil overflatefarge for inaktive eller lite synlige bakgrunner. Den ligger mellom lerretet og pappen, og gir en svært subtil høydeforskjell. - Lavender Phosphor
#fde9ff— Bakgrunnsbelysningsfarge for stor statistikk, telleverk og viktige målinger. Den rosa fargen i signaturgradienten brukes sparsomt som en lysende aksent på mørke overflater.
Typografi
fra 10 til 96 piksler · 6 trinn
- Matter — erstatning: Inter · omriss 400, 500 · Primærfonten for overskrifter og brødtekst brukes med en vekt på 500 for alle overskrifter (H1–H3) og stor kinetisk tekst (86–295 piksler). En vekt på 400 brukes for brødtekst og brukergrensesnitttekst. Den har aggressiv negativ bokstavavstand i store størrelser (-0,04 em ved 61 piksler, -0,046 em ved 86 piksler) og bred positiv bokstavavstand i store bokstaver (0,08 em ved 20 piksler, 0,12 em ved 12 piksler, 0,15 em ved 10 piksler). Strategien med å kun bruke en middels vekt for overskrifter er et særegent trekk – ingen fet eller lys skrift – noe som gir fonten en ensartet, mekanisk selvtillit.
- Arial — erstatning: system-ui · omriss 400 · En sekundær reserve for interaktive UI-elementer (navigasjon, knapper, mikrokopi av topptekst, bunntekst). Vises kun ved 14 piksler – brukes som en sikker, universell reserve når Matter ikke er lastet inn, og dekker skjemaetiketter, knappetekst og liten hjelpetekst.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | gjennomsnittlig |
| Grunnleggende trinn | 20px |
| Knapperadius | 6px |
| Kortradius | 16px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 68px |
| Sidebredde | 1440px |
AI vil bygge nettstedet ditt i Auros -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- Design Full-Time — en studiokino med én varm spotlight
- Air — skulpturen «Midnattshimmel gjennom glass»
- Slash — Midnattshvelv med forgylte bøker
- Raycast — Midnattskommandosenter, Coral Neon
- Dimension — en skumringsbelyst arbeidsstasjon med frostede glasspaneler
- Modal — En fosforescerende terminal i et mørklagt serverrom – den eneste lyskilden er en lys grønn farge
- Giga — Midnattshorisont over frostet obsidian
- Reflect Notes — Stjerneklar fiolett rom er et mørkt observatorium hvor toner svever som konstellasjoner mot et bakteppe av nesten svart indigo-tomhet.
- Ameba — Kontrollrommet ved midnatt – en elektrisk blå puls inni frostede glasspaneler
- AgentQL — Nordlys over terminalen om natten
- Frame — En kino for filmvisninger sent på kvelden. Et mørkt rom hvor en enkelt blå spotlight gjør alt arbeidet, og brukergrensesnittet falmer inn i bakgrunnen, slik at kreativt innhold kan projiseres fremover.
- Harness — Mission Control ved midnatt med fosforescerende grønne aksenter