Auros
Abyssalský terminál s bioluminiscenčnými dátovými guľami
Auros funguje ako fintech terminál ukrytý v priepasti: takmer čierne tyrkysové plátno s bioluminiscenčnými dátovými guľami a svetelnými prechodmi od tyrkysovej po ružovú, ktoré vytvárajú pocit hĺbky, plynulosti a plynutia. Rozhranie je minimalistické a filmové, spolieha sa na jeden používateľský displej (Matter) strednej hrúbky s agresívnym negatívnym sledovaním, ktoré vytvára mierku bez toho, aby bolo príliš krikľavé. Farby sú rovnomerne rozložené – achromatická biela a strieborná sa používajú takmer pre všetok obsah, zatiaľ čo chromatická paleta je vyhradená pre atmosférické prechody, rozlišujúce povrchy kariet a jedno charakteristické tlačidlo v tvare tabletky, ktoré mení farbu z tyrkysovo modrej na levanduľovo ružovú. Karty plávajú na jemných tyrkysových povrchových hrebeňoch (polomer 16px, bez tieňov) a nie na výške, takže hierarchia je vnímaná skôr ako hĺbka vody než ako tieň na papieri. Komponenty vyzerajú premyslene a ako nástroje: veľké písmená sledovacích značiek, tenké geometrické ikony šípok, veľké číselné údaje v bledoružovej farbe.
Tmavé plátno na celú šírku s obsahom s maximálnou šírkou 1440 pixelov. Hlavným prvkom je centrovaný textový blok (obočie → nadpis → podtext → výzva na akciu), ktorý sa rozprestiera cez celú výšku zobrazovacej oblasti, s časticou ako prvkom pozadia. Sekcie sú pásy na celú šírku oddelené veľkými vertikálnymi medzerami s veľkosťou viac ako 68 pixelov, striedavo medzi plátnom a mierne zapustenými plochami. Sekcia „Preskúmať“ používa asymetrické rozloženie s dvoma stĺpcami: ľavý stĺpec obsahuje naskladané karty funkcií, zatiaľ čo pravý stĺpec obsahuje geometrickú molekulárnu ilustráciu. Obsah je vycentrovaný v úzkych stĺpcoch (maximálne ~600 pixelov) pre ľahké čítanie, namiesto toho, aby sa naťahoval od okraja k okraju. Päta je zapustená jama (#011d1c) so zvislým okrajom 120 pixelov, ktorá vytvára efekt hlbokého bazéna. Navigácia je tenký, priehľadný panel s prvkami rozmiestnenými 16 – 24 pixelov od seba. Celkový rytmus je filmový a priestranný – každá sekcia dýcha a hlboká, vodná farebná schéma vytvára pocit pádu hlbšie s každou pasážou.
Vizuálny štýl je minimalistický a atmosférický. Domovská stránka obsahuje trojrozmernú časticovú guľu – tisíce drobných tyrkysovo-modrých a bielych bodiek tvoriacich rotujúcu guľu, ktorá odráža plátno a levanduľovo-ružové akcenty pozdĺž okrajov vytvárajú bioluminiscenčný efekt pripomínajúci informačný objekt. Ploché geometrické molekulárne diagramy (biele kruhy a tenké spojovacie čiary na tmavom plátne) slúžia ako dekoratívne prvky v pravom stĺpci. Žiadne fotografie, žiadne obrázky životného štýlu, žiadni ľudia – vizuálny jazyk je založený na čistej dátovej grafike a abstraktných formách. Časticová guľa je určujúcim vizuálnym prvkom identity značky; musí sa objaviť aspoň raz na každej dôležitej stránke, aby sa zdôraznila metafora hlbokého mora.
Paleta
Značka
- Liquid Abyss
#012624— Hlavné pozadie tvorí základňa stránky, hlavička, hlavný prvok a dominantné tmavotyrkysové pole. Vytvára atmosféru hlbokého mora. - Liquid Deep
#011d1c— Zapustená povrchová úroveň tvorí pozadie päty a hlbšie kartónové panely. Vníma sa o poltón tmavšie ako plátno, čím sa vytvára jemný smerom nadol prechod hĺbky. - Liquid Kelp
#003734— Zvýšený povrch karty a výplň tlačidla – zvýšený povrch umiestnený o jeden krok nad priepasťou. Používa sa pre karty funkcií, panely obsahu a začiatočný bod tlačidla s prechodom.
Neutrálny
- Liquid Mist
#edfffe— Chladný odtieň bielej zvýrazňuje text textu, nadpisy sekcií a teplú, svetlú typografiu. Jemný modrý odtieň prepája text textu s tyrkysovou farebnou schémou. - Platinum
#ffffff— Čisto biela sa používa pre nadpisy, navigačné prvky, obrysy ikon a text s vysokým kontrastom. Je to primárna farba textu na všetkých úrovniach nadpisov a primárnej navigácie. - Silver Mist
#bbc7c6— Sekundárny text, tlmené popisy a farba odkazu v pôvodnom stave. Majú mierne zelenkastý odtieň, ktorý dopĺňa tyrkysové pozadie. - Ash
#f2f2f2— Doplňujúci text pre citáty a recenzie. Neutrálny, studený sivý odtieň pre situácie, keď sa tyrkysový podtón Silver Mist zdá príliš jasný. - Slate Deep
#707777— Jemný povrchový odtieň pre neaktívne alebo málo viditeľné pozadia. Umiestňuje sa medzi plátno a kartón, čím vytvára veľmi jemný výškový rozdiel. - Lavender Phosphor
#fde9ff— Farba podsvietenia pre veľké štatistiky, čísla počítadiel a dôležité metriky. Ružový odtieň v charakteristickom gradiente sa používa striedmo ako svetelný akcent na tmavých povrchoch.
Typografia
od 10 do 96px · 6 krokov
- Matter — náhrada: Inter · obrysy 400, 500 · Primárny font pre nadpisy a text textu sa používa s hrúbkou 500 pre všetky nadpisy (H1–H3) a veľký kinetický text (86–295px). Pre text textu a text používateľského rozhrania sa používa hrúbka 400. Vyznačuje sa agresívnym negatívnym rozstupom písmen pri veľkých veľkostiach (-0,04em pri 61px, -0,046em pri 86px) a širokým pozitívnym rozstupom písmen v názvoch (0,08em pri 20px, 0,12em pri 12px, 0,15em pri 10px). Stratégia používania iba strednej hrúbky pre nadpisy je charakteristickým znakom – žiadne tučné ani svetlé písmo – čo dodáva fontu jednotnú, mechanickú istotu.
- Arial — náhrada: system-ui · obrysy 400 · Sekundárna záložná možnosť pre interaktívne prvky používateľského rozhrania (navigácia, tlačidlá, mikrotext hlavičky, päta). Zobrazuje sa iba pri veľkosti 14px – používa sa ako bezpečná, univerzálna záložná možnosť, keď nie je načítaný Matter, a pokrýva popisky formulárov, text tlačidiel a malý pomocný text.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priemerný |
| Základný krok | 20px |
| Polomer tlačidla | 6px |
| Polomer karty | 16px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 68px |
| Šírka stránky | 1440px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Auros a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Design Full-Time — štúdiové kino s jedným teplým reflektorom
- Air — socha „Polnočná obloha cez sklo“
- Slash — Polnočná klenba so zlátenými účtovnými knihami
- Raycast — Polnočné veliteľské centrum, Coral Neon
- Dimension — pracovisko osvetlené za súmraku s matnými sklenenými panelmi
- Modal — Fosforeskujúci terminál v zatemnenej serverovni - jediným zdrojom svetla je jasne zelená farba.
- Giga — Polnočný horizont nad matným obsidiánom
- Reflect Notes — Hviezdno-fialový priestor je tmavé observatórium, kde sa tóny vznášajú ako súhvezdia na pozadí takmer čiernej indigovej prázdnoty.
- Ameba — Riadiaca miestnosť o polnoci – elektricky modrý pulz vo vnútri matných sklenených panelov
- AgentQL — Polárna žiara nad terminálom v noci
- Frame — Kino na nočné premietania filmov. Tmavá miestnosť, kde všetku prácu vykonáva jediný modrý reflektor a používateľské rozhranie ustupuje do pozadia, čo umožňuje premietanie kreatívneho obsahu dopredu.
- Harness — Riadenie misie o polnoci s fosforeskujúcimi zelenými akcentmi