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
- Linearity — Világító stúdiókonzol. Alkoss képernyőket minimalista fekete munkaterületekkel, ropogós fehér kezelőfelülettel, króm díszítésekkel és alkalmanként olvadt narancssárga csillogással.
- Design Full-Time — egy stúdiómozi egyetlen meleg reflektorfényben
- Graphite — Világító végrács. Hozzon létre sötét, szegélyezett termékfelületeket precíz fehér tipográfiai jelölések és alkalmankénti spektrális fényvillanások köré.
- Featurebase — Egy lilával megvilágított konzol. Képzeljen el minden oldalt egy sötét, csendes színpadként, amelynek alsó széléből egy világító munkaterület emelkedik ki a termék számára.
- BAM Photographers — Éjfél utáni galériavetítés. A fekete vászon, a felnagyított fehér betűk és a filmes képpárok azt az érzetet keltik, hogy a weboldal inkább egy vetítési portfólió, mint egy tipikus szerkesztői rács.
- Nuxt — A terminálok világítanak a mélyűrben. Sötét, zárt interfészsíkokat hoznak létre, ahol a zöld erős jelként jelenik meg kékesfekete felületek előtt.
- AZAK — Egy expedíciós jármű alkonyatkor. Az oldalsorrend tömör műszaki leírásokból áll: egy fekete mezőből, egy világos műszaki adatokból álló lapból, majd egy vizualizált meghajtórendszerből.
- 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ű