Auros
Abyssalský terminál s bioluminiscenčními datovými koulemi
Auros funguje jako fintech terminál zasazený do propasti: téměř černé tyrkysové plátno s bioluminiscenčními datovými koulemi a světelnými přechody od tyrkysové po růžovou, které vytvářejí pocit hloubky, plynulosti a plynutí. Rozhraní je minimalistické a filmové, spoléhá se na jediný uživatelský displej (Matter) střední tloušťky s agresivním negativním sledováním, které vytváří měřítko, aniž by bylo příliš křiklavé. Barvy jsou rovnoměrně rozloženy – achromatická bílá a stříbrná se používají téměř pro veškerý obsah, zatímco chromatická paleta je vyhrazena pro atmosférické přechody, rozlišující povrchy karet a jediné charakteristické tlačítko ve tvaru pilulky, které mění barvu z tyrkysově modré na levandulově růžovou. Karty se vznášejí na jemných tyrkysových povrchových hřebenech (poloměr 16px, bez stínů) spíše než na výšce, takže hierarchie je vnímána spíše jako hloubka vody než jako stín na papíře. Komponenty vypadají promyšleně a jako nástroje: velká písmena pro sledování, tenké geometrické ikony šipek, velké numerické údaje v bledě růžové barvě.
Tmavé plátno na celou šířku s obsahem o maximální šířce 1440 pixelů. Hlavním prvkem je centrovaný textový blok (obočí → nadpis → podtext → výzva k akci), který se rozprostírá přes celou výšku zobrazovacího pole, s částicí jako prvkem pozadí. Sekce jsou pásy na celou šířku oddělené velkými svislými mezerami o velikosti přes 68 pixelů, střídavě mezi plátnem a mírně prohloubenými plochami. Sekce „Prozkoumat“ používá asymetrické rozvržení se dvěma sloupci: levý sloupec obsahuje naskládané karty funkcí, zatímco pravý sloupec obsahuje geometrickou molekulární ilustraci. Obsah je pro snadné čtení vycentrován v úzkých sloupcích (maximálně ~600 pixelů), nikoli se natahuje od okraje k okraji. Zápatí je prohlubeň (#011d1c) se svislým okrajem 120 pixelů, která vytváří efekt hlubokého bazénu. Navigace je tenký, průhledný panel s prvky rozmístěnými 16–24 pixelů od sebe. Celkový rytmus je filmový a prostorný – každá sekce dýchá a hluboké barevné schéma připomínající vodu vytváří pocit, jako byste se s každou pasáží propadali hlouběji.
Vizuální styl je minimalistický a atmosférický. Domovská stránka obsahuje trojrozměrnou kouli částic – tisíce drobných tyrkysově modrých a bílých teček tvořících rotující kouli, která odráží plátno, a levandulově růžové akcenty po okrajích, které vytvářejí bioluminiscenční efekt připomínající informační objekt. Ploché geometrické molekulární diagramy (bílé kruhy a tenké spojovací čáry na tmavém plátně) slouží jako dekorativní prvky v pravém sloupci. Žádné fotografie, žádné obrázky životního stylu, žádní lidé – vizuální jazyk je založen na čisté datové grafice a abstraktních formách. Koule částic je určujícím vizuálním prvkem identity značky; musí se objevit alespoň jednou na každé důležité stránce, aby posílila metaforu hlubin moře.
Paleta
Značka
- Liquid Abyss
#012624— Hlavním pozadím je základna stránky, záhlaví, hlavní prvek a dominantní tmavě tyrkysové pole. Vytváří atmosféru hlubin moře. - Liquid Deep
#011d1c— Zapuštěná plocha tvoří pozadí zápatí a hlubší kartonové panely. Je vnímána jako o půltón tmavší než plátno, což vytváří jemný sestupný hloubkový gradient. - Liquid Kelp
#003734— Vyvýšený povrch karty a výplň tlačítka – vyvýšený povrch umístěný o jeden krok nad propastí. Používá se pro karty funkcí, panely obsahu a počáteční bod tlačítka s přechodem.
Neutrální
- Liquid Mist
#edfffe— Chladný odstín bílé zvýrazňuje text textu, nadpisy sekcí a teplou, světlou typografii. Jemný modrý odstín propojuje text textu s tyrkysovou barevnou schématou. - Platinum
#ffffff— Čistě bílá se používá pro nadpisy, navigační prvky, obrysy ikon a text s vysokým kontrastem. Je to primární barva textu ve všech úrovních nadpisů a primární navigace. - Silver Mist
#bbc7c6— Sekundární text, tlumené popisy a barva odkazu v původním stavu. Mají mírně nazelenalý nádech, který doplňuje tyrkysové pozadí. - Ash
#f2f2f2— Doplňující text pro citace a recenze. Neutrální, chladný šedý odstín pro situace, kdy se tyrkysový podtón Silver Mist zdá příliš jasný. - Slate Deep
#707777— Jemný povrchový odstín pro neaktivní nebo málo viditelná pozadí. Umisťuje se mezi plátno a karton a vytváří tak velmi jemný výškový rozdíl. - Lavender Phosphor
#fde9ff— Barva podsvícení pro velké statistiky, čísla počítadel a důležité metriky. Růžový odstín v charakteristickém gradientu se používá střídmě jako světelný akcent na tmavých površích.
Typografie
od 10 do 96 pixelů · 6 kroků
- Matter — nahrazení: Inter · obrysy 400, 500 · Primární písmo pro nadpisy a text textu se používá s tloušťkou 500 pro všechny nadpisy (H1–H3) a velký kinetický text (86–295 px). Pro text textu a uživatelského rozhraní se používá tloušťka 400. Vyznačuje se agresivním negativním řádkováním písmen u velkých velikostí (-0,04 em při 61 px, -0,046 em při 86 px) a širokým kladným řádkováním písmen v nadpisech (0,08 em při 20 px, 0,12 em při 12 px, 0,15 em při 10 px). Strategie použití pouze střední tloušťky pro nadpisy je charakteristickým rysem – žádné tučné ani světlé písmo – což dodává písmu jednotnou, mechanickou jistotu.
- Arial — nahrazení: system-ui · obrysy 400 · Sekundární záložní řešení pro interaktivní prvky uživatelského rozhraní (navigace, tlačítka, mikrotext záhlaví, zápatí). Zobrazuje se pouze ve velikosti 14px – používá se jako bezpečné, univerzální záložní řešení, když není načten Matter, a pokrývá popisky formulářů, text tlačítek a malý pomocný text.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | průměrný |
| Základní krok | 20px |
| Poloměr tlačítka | 6px |
| Poloměr karty | 16px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 68px |
| Šířka stránky | 1440px |
Umělá inteligence vám vytvoří web ve stylu Auros a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Design Full-Time — studiové kino s jedním teplým reflektorem
- Air — socha "Půlnoční obloha skrz sklo"
- Slash — Půlnoční trezor se zlacenými účetními knihami
- Raycast — Půlnoční velitelské centrum, Coral Neon
- Dimension — pracovní stanice osvětlená soumrakem s matnými skleněnými panely
- Modal — Fosforeskující terminál v zatemněné serverovně - jediným zdrojem světla je jasně zelená barva
- Giga — Půlnoční horizont nad matným obsidiánem
- Reflect Notes — Hvězdně fialový prostor je temná observatoř, kde se tóny vznášejí jako souhvězdí na pozadí téměř černé indigové prázdnoty.
- Ameba — Řídicí místnost o půlnoci – elektricky modrý puls uvnitř matných skleněných panelů
- AgentQL — Polární záře nad terminálem v noci
- Frame — Kino pro noční promítání filmů. Tmavá místnost, kde jediný modrý reflektor odvede veškerou práci a uživatelské rozhraní splývá s pozadím, což umožňuje promítání kreativního obsahu.
- Harness — Řídicí jednotka mise o půlnoci s fosforeskujícími zelenými akcenty