Auros
Abyssal terminal med bioluminescerende datakugler
Auros fungerer som en fintech-terminal beliggende i afgrunden: et næsten sort turkis lærred med bioluminescerende datakugler og lysgradienter fra turkis til pink, hvilket skaber en følelse af dybde, flydendehed og flow. Brugerfladen er minimalistisk og filmisk og er afhængig af en enkelt brugerskærm (Matter) af medium tykkelse med aggressiv negativ sporing for at skabe skala uden at være alt for prangende. Farverne er jævnt fordelt - akromatiske hvide og sølvfarvede farver bruges til næsten alt indhold, mens den kromatiske palet er reserveret til atmosfæriske gradienter, der adskiller kortoverflader og en enkelt signatur-pilleformet knap, der skifter farve fra turkisblå til lavendelrosa. Kort flyder på subtile turkise overfladekamme (16px radius, ingen skygger) snarere end højde, så hierarki opfattes som vanddybden snarere end en skygge på papiret. Komponenterne ser tankevækkende og instrumentlignende ud: sporingsmærker med store bogstaver, tynde geometriske pilikoner, store numeriske aflæsninger i lyserød.
Et mørkt lærred i fuld bredde med indhold på en maksimal bredde på 1440px. Hovedelementet er en centreret tekstblok (bryn → overskrift → undertekst → opfordring til handling), der strækker sig over hele viewportens højde, med en partikel som baggrundselement. Sektioner er strimler i fuld bredde adskilt af store lodrette mellemrum på 68px+, der skifter mellem lærred og let forsænkede overflader. "Udforsk"-sektionen bruger et asymmetrisk layout med to kolonner: venstre kolonne indeholder stablede funktionskort, mens højre kolonne har en geometrisk molekylær illustration. Indholdet er centreret i smalle kolonner (maksimalt ~600px) for nem læsning i stedet for at strække sig fra kant til kant. Sidefoden er en forsænket hul (#011d1c) med en lodret margen på 120px, hvilket skaber effekten af en dyb pool. Navigationen er et tyndt, transparent panel med elementer med en afstand på 16-24px. Den overordnede rytme er filmisk og rummelig – hvert afsnit ånder, og det dybe, vandlignende farveskema skaber følelsen af at falde dybere med hver passage.
Den visuelle stil er minimalistisk og atmosfærisk. Hjemmesiden har en tredimensionel partikelkugle – tusindvis af små turkisblå og hvide prikker, der danner en roterende kugle, der afspejler lærredet, og lavendelrosa accenter langs kanterne, hvilket skaber en bioluminescerende effekt, der minder om et informationsobjekt. Flade geometriske molekylære diagrammer (hvide cirkler og tynde forbindelseslinjer på et mørkt lærred) fungerer som dekorative elementer i højre kolonne. Ingen fotografier, ingen livsstilsbilleder, ingen mennesker – det visuelle sprog er baseret på ren datagrafik og abstrakte former. Partikelkuglen er det definerende visuelle element i brandidentiteten; den skal forekomme mindst én gang på hver vigtig side for at forstærke dybhavsmetaforen.
Palet
Mærke
- Liquid Abyss
#012624— Hovedbaggrunden er sidens base, header, hovedelement og dominerende mørke turkise felt. Det skaber en dybhavsatmosfære. - Liquid Deep
#011d1c— Det forsænkede overfladeniveau er baggrunden for sidefoden og de dybere pappaneler. Det opfattes som en halvtone mørkere end lærredet, hvilket skaber en subtil nedadgående dybdegradient. - Liquid Kelp
#003734— Hævet kortoverflade og knapfyldning – en hævet overflade placeret et trin over kløften. Bruges til funktionskort, indholdspaneler og startpunktet for en gradientknap.
Neutral
- Liquid Mist
#edfffe— En kølig hvid nuance fremhæver brødteksten, afsnitsoverskrifterne og den varme, lyse typografi. En diskret blå farvetone binder brødteksten sammen med det turkise farveskema. - Platinum
#ffffff— Ren hvid bruges til overskrifter, navigationselementer, ikonomrids og tekst med høj kontrast. Det er den primære tekstfarve på alle overskriftsniveauer og i den primære navigation. - Silver Mist
#bbc7c6— Sekundær tekst, dæmpede beskrivelser og linkfarve i deres oprindelige tilstand. De har et let grønligt skær, der komplementerer den turkise baggrund. - Ash
#f2f2f2— Yderligere tekst til citater og anmeldelser. En neutral, kølig grå nuance til når den turkise undertone i Silver Mist føles for lys. - Slate Deep
#707777— En diskret overfladetone til inaktive eller lavsynlige baggrunde. Den placeres mellem lærredet og papen og giver en meget diskret højdeforskel. - Lavender Phosphor
#fde9ff— Baggrundsbelysningsfarve til store statistikker, tællertal og vigtige målinger. Den lyserøde nuance i signaturgradienten bruges sparsomt som en lysende accent på mørke overflader.
Typografi
fra 10 til 96px · 6 trin
- Matter — udskiftning: Inter · konturer 400, 500 · Den primære skrifttype til overskrifter og brødtekst bruges med en vægtning på 500 for alle overskrifter (H1-H3) og stor kinetisk tekst (86-295px). En vægtning på 400 bruges til brødtekst og brugergrænsefladetekst. Den har aggressiv negativ bogstavafstand i store størrelser (-0,04em ved 61px, -0,046em ved 86px) og bred positiv bogstavafstand i store bogstaver (0,08em ved 20px, 0,12em ved 12px, 0,15em ved 10px). Strategien med kun at bruge en mellemvægt til overskrifter er et karakteristisk træk - ingen fed eller lys skrifttype - hvilket giver skrifttypen en ensartet, mekanisk selvtillid.
- Arial — udskiftning: system-ui · konturer 400 · En sekundær reserve til interaktive brugergrænsefladeelementer (navigation, knapper, mikrokopi af header, sidefod). Vises kun ved 14px – bruges som en sikker, universel reserve, når Matter ikke er indlæst, og dækker formularetiketter, knaptekst og lille hjælpetekst.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | gennemsnit |
| Grundlæggende trin | 20px |
| Knapradius | 6px |
| Kortradius | 16px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 68px |
| Sidebredde | 1440px |
AI vil bygge din hjemmeside i Auros -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- Design Full-Time — en studiebiograf med én varm spotlight
- Air — skulptur "Midnatshimlen gennem glas"
- Slash — Midnatshvælving med forgyldte bøger
- Raycast — Midnatskommandocenter, Coral Neon
- Dimension — en arbejdsstation oplyst i skumringen med matteret glas
- Modal — En fosforescerende terminal i et mørklagt serverrum - den eneste lyskilde er en lys grøn farve
- Giga — Midnatshorisont over matteret obsidian
- Reflect Notes — Det stjerneklare violette rum er et mørkt observatorium, hvor toner svæver som konstellationer mod en baggrund af næsten sort indigo-tomhed.
- Ameba — Kontrolrummet ved midnat – en elektrisk blå puls inde i matterede glaspaneler
- AgentQL — Nordlys over terminalen om natten
- Frame — En biograf til filmvisninger sent om aftenen. Et mørkt rum, hvor en enkelt blå spotlight gør alt arbejdet, og brugergrænsefladen forsvinder i baggrunden, så kreativt indhold kan projiceres fremad.
- Harness — Missionskontrol ved midnat med fosforescerende grønne accenter