Authkit
Katedrála z matného skla o polnoci
AuthKit vytvára estetiku nočnej prezentácie produktu: takmer čierne plátno s matnými sklenenými povrchmi, mriežku sotva viditeľných čiar a žiariaci text, ktorý sa javí ako osvetlený sklenenou vrstvou. Písmo je takmer celé biele na tmavom pozadí s jediným jasne fialovým akcentom ako jediným funkčným prvkom – každý interaktívny povrch má jemnú, tenkú líniu studenej modrobielej farby namiesto pevného rámu. Komponenty sú usporiadané na priesvitných vrstvách, navrstvené na okolité svetlo a karty sa javia ako sklenené platne osvetlené zospodu, a nie ako papierové panely. Rozstupy sú veľké a rytmické; hlavným prvkom je jedno osvetlené logo pokrývajúce celú šírku stránky, obklopené plávajúcimi sklenenými kartami, namiesto tradičného rozloženia s rozdelenou obrazovkou.
Tmavé plátno s plnou šírkou a centrovaným kontajnerom obsahu, maximálna šírka 1200 px. Hlavným prvkom je jedno, centrované, osvetlené logo („AuthKit“ v gradientovom písme) pod malým textom v tvare obočia, za ktorým/pod ktorým sa nachádzajú tri plávajúce sklenené karty s prihlasovacím formulárom (ľavá karta naklonená doľava, stredná karta maximalizovaná, pravá karta naklonená doprava). Prepínač svetlej/tmavej témy je umiestnený v strede pod hlavným prvkom. Riadok funkcií je horizontálna časová os so 6 ikonami s tenkými spojovacími čiarami medzi kruhovými ikonami. Rytmus sekcií: každá sekcia začína centrovaným textom v tvare obočia orámovaným blednúcimi vodorovnými čiarami, za ktorým nasleduje veľký, centrovaný nadpis (44 – 48 px), za ktorým nasleduje jeden riadok tlmeného textu tela (16 – 18 px), maximálna šírka ~640 px. Sekcia Prispôsobiť zobrazuje maketu okna prehliadača s centrálne umiestnenou prihlasovacou kartou obklopenou plávajúcimi panelmi inšpektora používateľského rozhrania (farebné palety, posuvníky polomeru, selektor ikony loga, textové pole tlačidiel, pole pozadia stránky) umiestnenými v rohoch plátna, podobne ako pracovný priestor nástrojov pre návrh.
Vizuálnemu dizajnu dominujú makety prihlasovacích formulárov, vytvorené v štýle „sklenenej morfológie“ (polia na zadanie e-mailu/hesla, tlačidlá na prihlásenie do sociálnych médií, zadávanie kódu bez hesla), prezentované ako plávajúce, priesvitné karty na pozadí polnočného plátna. Ikony funkcií sú monochromatické lineárne glyfy v odtieni #d1e4fa v okrúhlych, matných dlaždiciach. Celú stránku pokrýva jemná mriežka (1px čiary v rgba(186,215,247,0.06)), ktorá vytvára atmosféru, zatiaľ čo v hornej časti hlavného prvku sa trblieta kužeľovitý gradientový bodový reflektor. Žiadne fotografie, žiadne obrázky životného štýlu, žiadne snímky obrazovky produktu – samotný produkt je vizuálnym prvkom: prihlasovacie polia usporiadané ako sklenené prototypy v tmavom štúdiu.
Paleta
Značka
- Void Violet
#663af3— Primárna farba tlačidla s výzvou na akciu (CTA) je jedinou akcentovou farbou používanou výhradne pre tlačidlo „Pokračovať/Odoslať“ v prihlasovacích formulároch; žiarivá fialová farba na takmer čiernom pozadí vytvára pocit naliehavosti bez toho, aby narušila monochromatickú farebnú schému.
Neutrálny
- Midnight Canvas
#05060f— Pozadie stránky, najhlbší povrch karty, výplň odznaku – takmer čierny základ, na ktorom sa všetko ostatné vznáša. - Steel Plate
#2f343e— Zvýšený povrch, tlačidlá fantomovej/sekundárnej akcie, diskrétna zadná strana panela. - Fog Veil
#9da7ba— Hlavný text, text na karte, je čitateľný, ale v porovnaní s nadpismi je odsunutý na pozadie. - Moon Mist
#c7d3ea— Hlavný text, ďalšie popisky, stlmený pomocný text - Frost Glow
#d1e4fa— Primárnou farbou výplne pre text tela a odkazov, text ikon a výplň ikon je predvolené žiarivé popredie. - Ice Highlight
#d8ecf8— Svetlý text na tmavých povrchoch, invertované popisky a nadpisy s vysokým kontrastom. Nepoužívajte ju ako primárnu farbu pre výzvy na akciu; v logu AuthKit a kľúčových nadpisoch sa používa gradient nadpisu – plynulý prechod zo svetlomodrej do jemne modrej zhora nadol.
Typografia
od 12 do 48px · 8 krokov
- Untitled Sans — náhrada: Inter · obrysy 400, 500, 600, 700 · Hlavný text, používateľské rozhranie, tlačidlá, vstupné polia, ikony, malé nadpisy - univerzálne písmo pre všetko funkčné.
- aeonikPro — náhrada: Space Grotesk · obrysy 400, 500 · Zobrazovanie iba nadpisov – branding AuthKit, nadpisy sekcií a text tela – s hrúbkou písma 500 bodov a veľkosťou 44 – 48 px dodáva brandingu široký a decentný vzhľad, a nie okázalý akcent.
- dotDigital — náhrada: JetBrains Mono · obrysy 400 · Text napísaný veľkými písmenami („Úvod“, „Rozšíriteľný dizajn“, „Žiar jasne“) – text napísaný veľkými písmenami s rovnakým rozstupom a rozstupom 0,10 em slúži ako jemné oddeľovače medzi textom a nadpisom.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priestranný |
| Základný krok | 16px |
| Polomer tlačidla | 999px |
| Polomer karty | 16px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 120px |
| Šírka stránky | 1200px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Authkit 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
- Resend — čierny zamat s fialovou neónovou farbou
- Gsap — Animovaná biela tabuľa v dizajnérskom štúdiu. Takmer čierna stena, teplá krémová krieda a päť farebných fixiek – jedna pre každú animačnú disciplínu.
- 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.
- 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.
- LaunchDarkly — Neónová riadiaca miestnosť je tmavý kokpit, kde fialové signály pulzujú cez čierne panely.
- 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
- Neon — Serverovňa po zotmení. Čistá tma, kde jediné svetlo pochádza z dát a interakcií používateľov.
- N8n — Workflow Engine o polnoci – pocit automatizovaného plátna v reálnom čase v tmavej serverovni, osvetleného indikátormi stavu a dátovými tokmi