Auros
Abyssal terminál biolumineszcens adatgömbökkel
Az Auros egy mélységbe bújtatott fintech terminálként funkcionál: egy majdnem fekete türkiz vászon biolumineszcens adatgömbökkel és türkiztől rózsaszínig terjedő fényátmenetekkel, mélység, folyékonyság és áramlás érzetét keltve. A kezelőfelület minimalista és filmes, egyetlen, közepes vastagságú felhasználói kijelzőre (Matter) támaszkodik, agresszív negatív mozgáskövetéssel, hogy a léptékezést anélkül hozza létre, hogy túlságosan rikító lenne. A színek egyenletesen oszlanak el – az akromatikus fehér és ezüst szinte minden tartalomhoz használatos, míg a kromatikus paletta az atmoszférikus színátmeneteknek van fenntartva, megkülönböztetve a kártyafelületeket, és egyetlen jellegzetes, pirula alakú gombnak, amely türkizkékről levendularózsaszínre változtatja a színét. A kártyák finom türkiz felületi gerinceken (16 képpontos sugár, árnyékok nélkül) lebegnek, nem pedig magasságban, így a hierarchiát a víz mélységének érzékeljük, nem pedig a papíron lévő árnyéknak. Az alkatrészek átgondoltnak és eszközszerűnek tűnnek: nagybetűs követőjelek, vékony geometriai nyíl ikonok, nagy, halványrózsaszín numerikus kijelzők.
Sötét, teljes szélességű vászon, maximum 1440 képpontos tartalommal. A fő elem egy középre igazított szövegblokk (homlok → címsor → alszöveg → cselekvésre ösztönzés), amely a teljes nézetablak magasságát átfogja, háttérelemként egy részecske. A szakaszok teljes szélességű csíkok, amelyeket nagy, több mint 68 képpontos függőleges terek választanak el egymástól, váltakozva a vászon és az enyhén süllyesztett felületek között. A „Felfedezés” szakasz aszimmetrikus, kétoszlopos elrendezést használ: a bal oldali oszlop egymásra halmozott funkciókártyákat tartalmaz, míg a jobb oldali oszlop egy geometriai molekuláris illusztrációt. A tartalom középre rendezett keskeny oszlopokban (maximum ~600 képpont) a könnyebb olvashatóság érdekében, ahelyett, hogy széltől szélig nyúlna. A lábléc egy süllyesztett gödör (#011d1c) 120 képpontos függőleges margóval, ami egy mély medence hatását kelti. A navigáció egy vékony, átlátszó panel, amelynek elemei 16–24 képpont távolságra vannak egymástól. Az általános ritmus filmszerű és tágas – minden szakasz lélegzik, a mély, vízszerű színséma pedig azt az érzetet kelti, mintha minden egyes részlettel mélyebbre süllyednénk.
A vizuális stílus minimalista és hangulatos. A honlapon egy háromdimenziós részecskegömb látható – több ezer apró türkizkék és fehér pont alkot egy forgó gömböt, amely visszhangozza a vászon és a szélek mentén található levendularózsaszín díszítések hatását, biolumineszcens hatást keltve, amely egy információs objektumra emlékeztet. A lapos geometriai molekuláris diagramok (fehér körök és vékony összekötő vonalak egy sötét vásznon) díszítőelemekként szolgálnak a jobb oldali hasábban. Nincsenek fényképek, nincsenek életmódképek, nincsenek emberek – a vizuális nyelv tiszta adatgrafikákon és absztrakt formákon alapul. A részecskegömb a márkaidentitás meghatározó vizuális eleme; legalább egyszer minden fontos oldalon meg kell jelennie, hogy megerősítse a mélytengeri metaforát.
Paletta
Márka
- Liquid Abyss
#012624— A fő háttér az oldal alapja, fejléce, fő eleme és domináns sötét türkiz mezője. Mélytengeri hangulatot teremt. - Liquid Deep
#011d1c— A süllyesztett felületi szint a lábléc háttere és a mélyebb kartonpanelek. Félárnyékkal sötétebbnek érzékelhető, mint a vászon, finoman lefelé irányuló mélységgradienst hozva létre. - Liquid Kelp
#003734— Kiemelt kártyafelület és gombkitöltés – egy lépcsőfokkal a szakadék felett elhelyezkedő kiemelt felület. Funkciókártyákhoz, tartalompanelekhez és egy színátmenetes gomb kezdőpontjához használják.
Semleges
- Liquid Mist
#edfffe— A hideg fehér árnyalat kiemeli a törzsszöveget, a fejezetcímeket és a meleg, világos tipográfiát. A törzsszöveget egy finom kékes árnyalat köti össze a türkiz színvilággal. - Platinum
#ffffff— A tiszta fehér színt címsorokhoz, navigációs elemekhez, ikonvázlatokhoz és nagy kontrasztú szövegekhez használják. Ez az elsődleges szövegszín minden címsorszinten és az elsődleges navigációban. - Silver Mist
#bbc7c6— Másodlagos szöveg, tompa leírások és linkszín eredeti állapotukban. Enyhén zöldes árnyalatúak, kiegészítve a türkiz hátteret. - Ash
#f2f2f2— További szöveg idézetekhez és értékelésekhez. Semleges, hűvös szürke árnyalat, ha a Silver Mist türkiz árnyalata túl élénknek érződik. - Slate Deep
#707777— Finom felületi színezés inaktív vagy rosszul látható hátterekhez. A vászon és a karton között helyezkedik el, nagyon finom magasságkülönbséget biztosítva. - Lavender Phosphor
#fde9ff— Háttérvilágítás színe nagy statisztikákhoz, számlálószámokhoz és fontos mérőszámokhoz. A jellegzetes színátmenet rózsaszín árnyalatát takarékosan használják sötét felületek megvilágító díszítéseként.
Tipográfia
10-től 96 képpontig · 6 lépésben
- Matter — csere: Inter · körvonalak 400, 500 · A címsorok és a törzsszöveg elsődleges betűtípusát használjuk, 500-as vastagságban az összes címsorhoz (H1–H3) és a nagyméretű kinetikus szöveghez (86–295 képpont). A törzsszöveghez és a felhasználói felület szövegéhez 400-as vastagságot használunk. Nagy méreteknél agresszív negatív betűközt használ (-0,04em 61 képpontnál, -0,046em 86 képpontnál), a címsoroknál pedig széles pozitív betűközt (0,08em 20 képpontnál, 0,12em 12 képpontnál, 0,15em 10 képpontnál). A címsorokhoz kizárólag közepes vastagságú betűtípus használata a megkülönböztető jegy – nincs félkövér vagy világos betűtípus –, ami egységes, mechanikus magabiztosságot kölcsönöz a betűtípusnak.
- Arial — csere: system-ui · körvonalak 400 · Másodlagos tartalék interaktív felhasználói felület elemekhez (navigáció, gombok, fejléc mikromásolata, lábléc). Csak 14 képpontnál jelenik meg – biztonságos, univerzális tartalékként használatos, amikor a Matter nincs betöltve, és űrlapcímkéket, gombszöveget és kis segédszöveget tartalmaz.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | átlagos |
| Alapvető lépés | 20px |
| Gomb sugara | 6px |
| Kártya sugara | 16px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 68px |
| Oldal szélessége | 1440px |
A mesterséges intelligencia Auros stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- Design Full-Time — egy stúdiómozi egyetlen meleg reflektorfényben
- Air — "Éjféli égbolt üvegen keresztül" szobor
- Slash — Éjféli trezor aranyozott főkönyvekkel
- Raycast — Éjféli Parancsnoki Központ, Coral Neon
- Dimension — szürkületkor megvilágított munkaállomás matt üvegpanelekkel
- Modal — Egy foszforeszkáló terminál egy elsötétített szerverszobában - az egyetlen fényforrás egy élénkzöld színű
- Giga — Éjféli horizont matt obszidián felett
- Reflect Notes — A csillagos ibolyaszínű űr egy sötét obszervatórium, ahol a hangjegyek csillagképekként lebegnek a szinte fekete indigó üresség hátterében.
- Ameba — Az irányítóterem éjfélkor – elektromos kék pulzálás matt üvegpanelekben
- AgentQL — Északi fény a terminál felett éjszaka
- Frame — Egy mozi késő esti filmvetítésekhez. Egy sötét szoba, ahol egyetlen kék reflektorfény végzi az egész munkát, és a felhasználói felület a háttérbe szorul, lehetővé téve a kreatív tartalom kivetítését.
- Harness — Irányítóközpont éjfélkor foszforeszkáló zöld díszítéssel