Auros
Abyssal terminal med bioluminescerande datakulor
Auros fungerar som en fintech-terminal inbäddad i avgrunden: en nästan svart turkos duk med bioluminescerande dataklot och ljusgradienter från turkos till rosa, vilket skapar en känsla av djup, flyt och flöde. Gränssnittet är minimalistiskt och filmiskt och förlitar sig på en enda användarskärm (Matter) av medeltjocklek med aggressiv negativ spårning för att skapa skala utan att vara alltför grällt. Färgerna är jämnt fördelade – akromatiska vita och silverfärger används för nästan allt innehåll, medan den kromatiska paletten är reserverad för atmosfäriska gradienter, särskiljande kortytor och en enda signaturpilformad knapp som ändrar färg från turkosblå till lavendelrosa. Kort flyter på subtila turkosa ytkanter (16px radie, inga skuggor) snarare än höjd, så hierarkin uppfattas som vattendjupet snarare än en skugga på papper. Komponenterna ser tankeväckande och instrumentliknande ut: spårningsmarkeringar i versaler, tunna geometriska pilikoner, stora numeriska avläsningar i ljusrosa.
En mörk arbetsyta i full bredd med innehåll på en maximal bredd på 1440 pixlar. Huvudelementet är ett centrerat textblock (bryn → rubrik → undertext → uppmaning till handling) som sträcker sig över hela vyportens höjd, med en partikel som bakgrundselement. Sektionerna är remsor i full bredd separerade av stora vertikala mellanrum på 68+ pixlar, som växlar mellan arbetsyta och lätt försänkta ytor. Avsnittet "Utforska" använder en asymmetrisk layout med två kolumner: den vänstra kolumnen innehåller staplade funktionskort, medan den högra kolumnen har en geometrisk molekylär illustration. Innehållet är centrerat i smala kolumner (max ~600 pixlar) för enkel läsning, snarare än att sträcka sig från kant till kant. Sidfoten är en försänkt grop (#011d1c) med en vertikal marginal på 120 pixlar, vilket skapar effekten av en djup pool. Navigeringen är en tunn, transparent panel med element med 16–24 pixlars mellanrum. Den övergripande rytmen är filmisk och rymlig – varje sektion andas, och det djupa, vattenliknande färgschemat skapar känslan av att falla djupare med varje passage.
Den visuella stilen är minimalistisk och atmosfärisk. Hemsidan har en tredimensionell partikelsfär – tusentals små turkosblå och vita prickar som bildar en roterande sfär som ekar duken och lavendelrosa accenter längs kanterna, vilket skapar en bioluminescerande effekt som påminner om ett informationsobjekt. Platta geometriska molekyldiagram (vita cirklar och tunna sammanbindande linjer på en mörk duk) fungerar som dekorativa element i den högra kolumnen. Inga fotografier, inga livsstilsbilder, inga människor – det visuella språket är baserat på ren datagrafik och abstrakta former. Partikelsfären är det definierande visuella elementet i varumärkesidentiteten; den måste förekomma minst en gång på varje viktig sida för att förstärka djuphavsmetaforen.
Palett
Stämpla
- Liquid Abyss
#012624— Huvudbakgrunden är sidans bas, sidhuvud, huvudelement och dominerande mörkturkosa fält. Det skapar en djuphavsatmosfär. - Liquid Deep
#011d1c— Den försänkta ytan är sidfotens bakgrund och djupare kartongpaneler. Den uppfattas som en halvton mörkare än duken, vilket skapar en subtil nedåtgående djupgradient. - Liquid Kelp
#003734— Upphöjd kortyta och knappfyllning – en upphöjd yta placerad ett steg ovanför avgrunden. Används för funktionskort, innehållspaneler och startpunkten för en övertoningsknapp.
Neutral
- Liquid Mist
#edfffe— En kall vit nyans framhäver brödtexten, avsnittsrubrikerna och den varma, ljusa typografin. En subtil blå nyans knyter samman brödtexten med det turkosa färgschemat. - Platinum
#ffffff— Rent vitt används för rubriker, navigeringselement, ikonkonturer och text med hög kontrast. Det är den primära textfärgen på alla rubriknivåer och i den primära navigeringen. - Silver Mist
#bbc7c6— Sekundärtext, dämpade beskrivningar och länkfärg i originalskick. De har en lätt grönaktig nyans som kompletterar den turkosa bakgrunden. - Ash
#f2f2f2— Ytterligare text för citat och recensioner. En neutral, sval grå nyans för när den turkosa undertonen i Silver Mist känns för ljus. - Slate Deep
#707777— En subtil ytton för inaktiva eller dåligt synliga bakgrunder. Den placeras mellan duken och kartongen och ger en mycket subtil höjdskillnad. - Lavender Phosphor
#fde9ff— Bakgrundsbelysningsfärg för stor statistik, räknare och viktiga mätvärden. Den rosa nyansen i signaturgradienten används sparsamt som en lysande accent på mörka ytor.
Typografi
från 10 till 96px · 6 steg
- Matter — ersättning: Inter · konturer 400, 500 · Det primära typsnittet för rubriker och brödtext används med en viktning på 500 för alla rubriker (H1–H3) och stor, kinetisk text (86–295px). En viktning på 400 används för brödtext och UI-text. Den har aggressivt negativt bokstavsavstånd i stora storlekar (-0,04em vid 61px, -0,046em vid 86px) och brett positivt bokstavsavstånd i versaler (0,08em vid 20px, 0,12em vid 12px, 0,15em vid 10px). Strategin att endast använda en medelvikt för rubriker är ett utmärkande drag – inget fetstilt eller ljust typsnitt – vilket ger typsnittet en enhetlig, mekanisk självförtroende.
- Arial — ersättning: system-ui · konturer 400 · En sekundär reserv för interaktiva UI-element (navigering, knappar, mikrokopia av sidhuvud, sidfot). Visas endast vid 14px – används som en säker, universell reserv när Matter inte är inläst, och täcker formuläretiketter, knapptext och liten hjälptext.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | genomsnitt |
| Grundläggande steg | 20px |
| Knappradie | 6px |
| Kortradie | 16px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 68px |
| Sidbredd | 1440px |
AI kommer att bygga din webbplats i Auros -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Design Full-Time — en studiobiograf med en varm spotlight
- Air — skulpturen "Midnattshimmel genom glas"
- Slash — Midnattsvalv med förgyllda böcker
- Raycast — Midnattskommandocentralen, Coral Neon
- Dimension — en arbetsplats upplyst i skymningen med frostade glaspaneler
- Modal — En fosforescerande terminal i ett mörklagt serverrum - den enda ljuskällan är en ljusgrön färg
- Giga — Midnattshorisont över frostad obsidian
- Reflect Notes — Den stjärnklara violetta rymden är ett mörkt observatorium där toner svävar likt konstellationer mot en bakgrund av nästan svart indigofärgad tomhet.
- Ameba — Kontrollrummet vid midnatt – en elektrisk blå puls inuti frostade glaspaneler
- AgentQL — Norrsken över terminalen på natten
- Frame — En biograf för filmvisningar sent på kvällen. Ett mörkt rum där en enda blå spotlight gör allt arbete, och användargränssnittet tonas bort i bakgrunden, vilket gör att kreativt innehåll kan projiceras framåt.
- Harness — Missionskontroll vid midnatt med fosforescerande gröna accenter