Auros
Abyssal Terminal mat biolumineszenten Datenkugelen
Auros funktionéiert wéi e Fintech-Terminal, deen am Ofgrond verstoppt ass: eng bal schwaarz türkis Leinwand mat biolumineszenten Datenkugelen a Liichtgradienten vun türkis bis rosa, wat e Gefill vun Déift, Flëssegkeet a Flux kreéiert. D'Interface ass minimalistesch a filmesch a baséiert op engem eenzege Benotzerdisplay (Matter) vu mëttlerer Déckt mat aggressivem negativen Tracking fir eng Skala ze kreéieren ouni ze vill opfälleg ze sinn. D'Faarwe sinn gläichméisseg verdeelt - achromatesch Wäiss a Sëlwer gi fir bal all Inhalt benotzt, während d'chromatesch Palette fir atmosphäresch Gradienten reservéiert ass, déi Kaarteflächen ënnerscheeden, an e pillefërmegen Knäppchen mat enger eenzeger Ënnerschrëft, deen d'Faarf vun türkisblo op lavendelrosa ännert. Kaarte schwiewen op subtile türkis Uewerflächenriller (16px Radius, keng Schied) anstatt op Héicht, sou datt d'Hierarchie als d'Déift vum Waasser anstatt als Schied um Pabeier ugesi gëtt. D'Komponente gesi nodenklech an instrumentähnlech aus: Sporungsmarkéierungen a grousse Buschtawen, dënn geometresch Pfeilsymboler, grouss numeresch Ausliesungen a hellrosa.
Eng donkel, vollbreet Leinwand mat Inhalt vun enger maximaler Breet vun 1440px. Den Haaptelement ass e zentréierten Textblock (Braun → Iwwerschrëft → Ënnertext → Handlungsopruff), deen déi ganz Vuehöhe ofdeckt, mat engem Partikel als Hannergrondelement. Sektiounen sinn vollbreet Sträifen, déi duerch grouss vertikal Plazen vun iwwer 68px getrennt sinn, déi tëscht Leinwand a liicht agebaute Flächen ofwiesselnd ofwiesselen. D'Sektioun "Explore" benotzt en asymmetrescht Layout mat zwou Kolonnen: déi lénks Kolonn enthält gestapelte Featurekaarten, während déi riets Kolonn eng geometresch molekular Illustratioun weist. Den Inhalt ass a schmuele Kolonnen zentréiert (maximal ~600px) fir einfach Liesung, anstatt sech vu Rand zu Rand ze strecken. De Fousszeil ass eng agebaute Lach (#011d1c) mat engem 120px vertikale Rand, wat den Effekt vun engem déiwe Weier erstellt. D'Navigatioun ass e dënnen, transparenten Panel mat Elementer, déi 16–24px vuneneen ewech sinn. De Gesamtrhythmus ass filmesch a raimlech - all Sektioun ootmet, an dat déift, waasserähnlecht Faarfschema erstellt d'Gefill, mat all Passage méi déif ze falen.
De visuelle Stil ass minimalistesch an atmosphäresch. D'Homepage weist eng dräidimensional Partikelkugel - Dausende vu klenge türkisbloen a wäisse Punkten, déi eng rotéierend Kugel bilden, déi d'Leinwand widderspigelt, a lavendelrosa Akzenter laanscht d'Kante kreéieren en biolumineszenten Effekt, deen un en Informatiounsobjekt erënnert. Flaach geometresch Molekulardiagrammer (wäiss Kreesser an dënn Verbindungslinnen op enger donkeler Leinwand) déngen als dekorativ Elementer an der rietser Kolonn. Keng Fotoen, keng Lifestyle-Biller, keng Leit - déi visuell Sprooch baséiert op propperen Datengrafiken an abstrakte Formen. D'Partikelkugel ass dat definéierend visuellt Element vun der Markenidentitéit; si muss mindestens eemol op all wichteger Säit optrieden, fir d'Déifsee-Metapher ze verstäerken.
Palette
Mark
- Liquid Abyss
#012624— Den Haapthannergrond ass d'Basis vun der Säit, den Header, den Haaptelement an dat dominant donkeltürkis Feld. Et kreéiert eng Déifmieratmosphär. - Liquid Deep
#011d1c— Déi verdéift Uewerfläch ass den Hannergrond vum Fousszeilen an déi méi déif Kartonplacken. Si gëtt als en Hallefton méi donkel wéi d'Leinwand ugesinn, wouduerch eng subtil Déift no ënnen entsteet. - Liquid Kelp
#003734— Erhuewe Kaartefläch a Knäppchenfëllung - eng erhuewe Uewerfläch, déi ee Schrëtt iwwer dem Ofgrond positionéiert ass. Gëtt fir Featurekaarten, Inhaltspanelen an den Ufankspunkt vun engem Gradientknäppchen benotzt.
Neutral
- Liquid Mist
#edfffe— E kale Wäissen Téin ervirhiewt den Haapttext, d'Iwwerschrëften vun den Abschnitter an déi waarm, hell Typographie. E subtile bloen Téin verbënnt den Haapttext mat dem türkisfaarwege Faarfschema. - Platinum
#ffffff— Reng Wäiss gëtt fir Iwwerschrëften, Navigatiounselementer, Ikonkonturen an Text mat héijem Kontrast benotzt. Et ass déi primär Textfaarf an allen Iwwerschrëftniveauen an der primärer Navigatioun. - Silver Mist
#bbc7c6— Sekundärtext, gedämpft Beschreiwungen a Linkfaarf an hirem ursprénglechen Zoustand. Si hunn eng liicht grénglech Téinung, déi den türkisfarbenen Hannergrond ergänzt. - Ash
#f2f2f2— Zousätzlechen Text fir Zitater a Bewäertungen. Eng neutral, kal gro Faarf fir wann den türkis Ënnerton vu Silver Mist ze hell ass. - Slate Deep
#707777— Eng subtil Uewerflächentéinung fir inaktiv oder schlecht siichtbar Hannergrënn. Si läit tëscht der Leinwand an dem Karton a suergt dofir, datt et e ganz subtile Héichtenënnerscheed gëtt. - Lavender Phosphor
#fde9ff— Faarf vun der Hannergrondbeliichtung fir grouss Statistiken, Zählerzuelen a wichteg Metriken. De rosa Faarftéin am Signature-Gradient gëtt spuersam als liichtende Akzent op donkelen Uewerfläche benotzt.
Typographie
vun 10 bis 96px · 6 Schrëtt
- Matter — Ersatz: Inter · Konturen 400, 500 · Déi primär Schrëft fir Iwwerschrëften a Kierpertext gëtt mat enger Gewiichtung vu 500 fir all Iwwerschrëften (H1–H3) a groussen, kineteschen Text (86–295px) benotzt. E Gewiicht vu 400 gëtt fir Kierpertext an UI-Text benotzt. Si huet en aggressiven negativen Ofstand tëscht Buschtawen a grousse Gréissten (-0,04em bei 61px, -0,046em bei 86px) an e breede positiven Ofstand tëscht Buschtawen an den Titelgroussgréissten (0,08em bei 20px, 0,12em bei 12px, 0,15em bei 10px). D'Strategie, nëmmen eng mëttel Gewiichtung fir Iwwerschrëften ze benotzen, ass eng markant Eegeschaft - keng fett oder hell Schrëft - déi der Schrëft eng eenheetlech, mechanesch Selbstvertrauen gëtt.
- Arial — Ersatz: system-ui · Konturen 400 · E sekundäre Fallback fir interaktiv UI-Elementer (Navigatioun, Knäppercher, Header-Mikrokopie, Fousszeil). Erschéngt nëmmen bei 14px – gëtt als sécheren, universellen Fallback benotzt wann Matter net gelueden ass, an deckt Formularbeschrëftungen, Knäpptext a klenge Hëllefstext of.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | duerchschnëttlech |
| Basis Schrëtt | 20px |
| Knäppchenradius | 6px |
| Kaarteradius | 16px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 68px |
| Säitebreet | 1440px |
KI baut Är Websäit am Stil vun Auros op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- Design Full-Time — e Studiokino mat engem waarme Spotlight
- Air — Skulptur "Mëtternuechtshimmel duerch Glas"
- Slash — Mëtternuechtstëbs mat vergoldete Ledgeren
- Raycast — Mëtternuechtskommandozentrum, Coral Neon
- Dimension — eng Aarbechtsplaz mat mattéierte Glaspanneauen, déi bei Dämmerung beliicht sinn
- Modal — En phosphoreszenten Terminal an engem däischteren Serverraum - déi eenzeg Liichtquell ass eng hellgréng Faarf
- Giga — Mëtternuechtshorizont iwwer matten Obsidian
- Reflect Notes — De stärekleiege violette Raum ass en däischtert Observatoire, wou Noten wéi Stärebiller virun engem Hannergrond vun bal schwaarzer indigoer Eidelkeet schwiewen.
- Ameba — D'Kontrollraum ëm Mëtternuecht – en elektresche bloe Puls an de matte Glaspanneauen
- AgentQL — Nordliichter iwwer dem Terminal an der Nuecht
- Frame — E Kino fir spéit an der Nuecht Filmvirstellungen. En donkelen Zëmmer, wou eng eenzeg blo Spotlight all d'Aarbecht mécht, an d'Benotzeroberfläche am Hannergrond verschwënnt, sou datt kreativ Inhalter no vir projetéiert kënne ginn.
- Harness — Missiounskontroll ëm Mëtternuecht mat phosphoreszenten gréngen Akzenter