Auros
Abyssale terminaal met bioluminescerende databalletjies
Auros funksioneer as 'n fintech-terminaal wat in die afgrond genestel is: 'n amper-swart turkoois doek met bioluminescerende data-bolle en liggradiënte van turkoois tot pienk, wat 'n gevoel van diepte, vloeibaarheid en vloei skep. Die koppelvlak is minimalisties en filmagtig, en steun op 'n enkele gebruikersskerm (Matter) van medium dikte met aggressiewe negatiewe dophou om skaal te skep sonder om te veel oordadig te wees. Kleure is eweredig versprei - achromatiese wit en silwer word vir byna alle inhoud gebruik, terwyl die chromatiese palet gereserveer is vir atmosferiese gradiënte, onderskeidende kaartoppervlaktes, en 'n enkele kenmerkende pilvormige knoppie wat van kleur verander van turkooisblou na laventelpienk. Kaarte dryf op subtiele turkoois oppervlakriwwe (16px radius, geen skaduwees) eerder as hoogte, dus word hiërargie waargeneem as die diepte van water eerder as 'n skaduwee op papier. Die komponente lyk bedagsaam en instrumentagtig: hoofletter dophoumerke, dun geometriese pylikone, groot numeriese lesings in ligpienk.
'n Donker, volwydte-doek met inhoud teen 'n maksimum breedte van 1440px. Die hoofelement is 'n gesentreerde teksblok (wenkbrou → opskrif → subteks → oproep tot aksie) wat die hele hoogte van die kykvenster oorspan, met 'n deeltjie as agtergrondelement. Afdelings is volwydte-stroke geskei deur groot vertikale spasies van 68px+, wat afwissel tussen doek en effens versinkte oppervlaktes. Die "Verken"-afdeling gebruik 'n asimmetriese tweekolom-uitleg: die linkerkolom bevat gestapelde kenmerkkaarte, terwyl die regterkolom 'n geometriese molekulêre illustrasie bevat. Inhoud is gesentreer in nou kolomme (maksimum ~600px) vir maklike lees, eerder as om van rand tot rand te strek. Die voetskrif is 'n versinkte put (#011d1c) met 'n vertikale marge van 120px, wat die effek van 'n diep poel skep. Die navigasie is 'n dun, deursigtige paneel met elemente wat 16–24px uitmekaar gespasieer is. Die algehele ritme is filmagtig en ruim – elke afdeling haal asem, en die diep, wateragtige kleurskema skep die gevoel dat dit met elke gedeelte dieper val.
Die visuele styl is minimalisties en atmosferies. Die tuisblad bevat 'n driedimensionele deeltjiesfeer – duisende klein turkooisblou en wit kolletjies wat 'n roterende sfeer vorm wat die doek weerspieël en laventelpienk aksente langs die rande, wat 'n bioluminescerende effek skep wat herinner aan 'n inligtingsobjek. Plat geometriese molekulêre diagramme (wit sirkels en dun verbindingslyne op 'n donker doek) dien as dekoratiewe elemente in die regterkolom. Geen foto's, geen leefstylbeelde, geen mense nie – die visuele taal is gebaseer op skoon datagrafika en abstrakte vorms. Die deeltjiesfeer is die bepalende visuele element van die handelsmerkidentiteit; dit moet ten minste een keer op elke belangrike bladsy verskyn om die diepsee-metafoor te versterk.
Palet
Handelsmerk
- Liquid Abyss
#012624— Die hoofagtergrond is die bladsy se basis, koptekst, hoofelement en dominante donker turkoois veld. Dit skep 'n diepsee-atmosfeer. - Liquid Deep
#011d1c— Die versinkte oppervlakvlak is die voetskrifagtergrond en dieper kartonpanele. Dit word as 'n halftoon donkerder as die doek beskou, wat 'n subtiele afwaartse gradiënt van diepte skep. - Liquid Kelp
#003734— Verhoogde kaartoppervlak en knoppievulsel—’n verhewe oppervlak wat een stap bo die kloof geplaas is. Word gebruik vir kenmerkkaarte, inhoudpanele en die beginpunt van ’n gradiëntknoppie.
Neutraal
- Liquid Mist
#edfffe— 'n Koel skakering van wit beklemtoon die hoofteks, afdelingsopskrifte en warm, ligte tipografie. 'n Subtiele blou tint verbind die hoofteks met die turkoois kleurskema. - Platinum
#ffffff— Suiwer wit word gebruik vir opskrifte, navigasie-elemente, ikoonomlyning en hoëkontrasteks. Dit is die primêre tekskleur in alle opskrifvlakke en die primêre navigasie. - Silver Mist
#bbc7c6— Sekondêre teks, gedempte beskrywings en skakelkleur in hul oorspronklike toestand. Hulle het 'n effense groenerige tint wat die turkoois agtergrond komplementeer. - Ash
#f2f2f2— Bykomende teks vir aanhalings en resensies. 'n Neutrale, koel grys skakering vir wanneer die turkoois ondertoon van Silver Mist te helder voel. - Slate Deep
#707777— 'n Subtiele oppervlakkleur vir onaktiewe of lae-sigbaarheid agtergronde. Dit sit tussen die doek en die karton, wat 'n baie subtiele hoogteverskil bied. - Lavender Phosphor
#fde9ff— Agtergrondligkleur vir groot statistieke, tellergetalle en belangrike metrieke. Die pienk skakering in die kenmerkende gradiënt word spaarsamig gebruik as 'n helder aksent op donker oppervlaktes.
Tipografie
van 10 tot 96px · 6 stappe
- Matter — vervanging: Inter · buitelyne 400, 500 · Die primêre lettertipe vir opskrifte en liggaamsteks word gebruik met 'n gewig van 500 vir alle opskrifte (H1–H3) en groot kinetiese teks (86–295px). 'n Gewig van 400 word gebruik vir liggaamsteks en gebruikerskoppelvlakteks. Dit beskik oor aggressiewe negatiewe letterspasiëring by groot groottes (-0.04em teen 61px, -0.046em teen 86px) en wye positiewe letterspasiëring in titelhoofletters (0.08em teen 20px, 0.12em teen 12px, 0.15em teen 10px). Die strategie om slegs 'n medium gewig vir opskrifte te gebruik, is 'n onderskeidende kenmerk – geen vetgedrukte of ligte lettertipe nie – wat die lettertipe 'n eenvormige, meganiese selfvertroue gee.
- Arial — vervanging: system-ui · buitelyne 400 · 'n Sekondêre terugval vir interaktiewe UI-elemente (navigasie, knoppies, koptekst-mikrokopie, voetskrif). Verskyn slegs teen 14px – word gebruik as 'n veilige, universele terugval wanneer Matter nie gelaai is nie, en dek vormetikette, knoppieteks en klein hulpteks.
Intervalle en vorm
| Doel | Betekenis |
|---|---|
| Digtheid | gemiddelde |
| Basiese stap | 20px |
| Knoppieradius | 6px |
| Kaartradius | 16px |
| Skaduwees | geen grense in plaas van skaduwees |
| Tussen afdelings | 68px |
| Bladsybreedte | 1440px |
KI sal jou webwerf in Auros -styl bou en dit vul
- Vul met produkte en plasings via die skakel - Instagram, TikTok, Facebook.
- Dra inhoud van jou ou webwerf oor – spesifiseer net die adres.
- Moderne ontwerp op die beste enjin: React ( Next.js) met bedienerweergawe en SEO-optimalisering reg uit die boks.
- Volledig outomatiese SEO-optimering vir soekresultate en neurale netwerkaanbevelings.
Soortgelyke style
- Design Full-Time — 'n ateljee-teater met een warm kollig
- Air — beeldhouwerk "Middernaglug Deur Glas"
- Slash — Middernagkluis met vergulde grootboeke
- Raycast — Middernag-bevelsentrum, Coral Neon
- Dimension — 'n skemerverligte werkstasie met matglaspanele
- Modal — 'n Fosforeserende terminaal in 'n donker bedienerkamer - die enigste ligbron is 'n heldergroen kleur
- Giga — Middernaghorison oor ryp obsidiaan
- Reflect Notes — Sterreviolet ruimte is 'n donker sterrewag waar note soos konstellasies dryf teen 'n agtergrond van amper swart indigo leegheid.
- Ameba — Die beheerkamer om middernag – 'n elektriese blou pols binne matglaspanele
- AgentQL — Noorderligte oor die terminaal in die nag
- Frame — 'n Bioskoop vir laatnag-fliekvertonings. 'n Donker kamer waar 'n enkele blou kollig al die werk doen, en die gebruikerskoppelvlak in die agtergrond verdwyn, wat kreatiewe inhoud vorentoe laat projekteer.
- Harness — Missiebeheer om middernag met fosforeserende groen aksente