Modal
Fosforeskujúci terminál v zatemnenej serverovni - jediným zdrojom svetla je jasne zelená farba.
Modálne okno funguje ako fosforeskujúci terminál v zatemnenej serverovni: takmer čierne plátno, bledozelený typ a jeden jasne limetkovozelený akcent, ktorý slúži ako LED indikátor stavu. Dizajnový jazyk je zameraný na vývojárov – okná s kódom s monospaced rozmiestnením a bodkami semaforu, izometrické 3D ikony v charakteristickej zelenej farbe a množstvo bieleho priestoru, čo umožňuje, aby jeden prvok v každej sekcii žiaril. Typografia je rozdelená medzi vlastné písmo (Goga) pre nadpisy a variabilné písmo (Inter) pre všetky prvky používateľského rozhrania, pričom obe sú nastavené s úzkym negatívnym sledovaním. Farby sú rozložené rovnomerne: väčšina obrazoviek je achromatická a jasne limetkovozelená farba sa objavuje iba na kľúčových akciách, logu, 3D ilustráciách a dôrazných momentoch. Komponenty sú ploché a bezrámové, pričom hĺbka je vytvorená jemnými zelenými okrajmi a rozmazaním pozadia namiesto tieňov.
Modálne okno používa tmavé rozloženie na celú šírku s maximálnou šírkou 1280px na umiestnenie obsahu. Hlavné okno je vycentrované: názov (prvá veta v limetkovo zelenej farbe), podnadpis, dve výzvy na akciu a jeden 3D objekt ako vizuálna kotva – bez oddelenia rozloženia od bočného panela. Sekcie obsahu sledujú jednotný rytmus: značka obočia (veľké písmená, Moss 70) → názov Goga → tlmený text tela, potom buď dvojstĺpcové rozloženie s popisom funkcie (text + kód/vizuálna karta), alebo trojstĺpcová mriežka kariet. Medzery medzi sekciami sú veľkorysé – 80px. Stránka sa striedavo s hlbokými prázdnymi (#000000) a mierne svetlejšími pruhmi pozadia (#181818), pričom jedna svetlá časť (#def0dd) sa zobrazuje v strede stránky ako vizuálny oddych. Navigácia pozostáva z jedného pevného horného panela s rozmazaným pozadím – bez bočného panela ani mega menu. Päta je kompaktná a tmavá s tlmenými zelenými stĺpcami odkazov. Hustota textu je pohodlná: každej sekcii je venovaný dostatok priestoru a mriežky kariet nepoužívajú viac ako tri stĺpce.
Vizuálny jazyk Modalu je rozdelený do dvoch režimov: 3D žiariace rendery produktov a tmavé makety okien kódu. Ústredným bodom je jedna 3D kocka vykreslená pomocou marketingového gradientu (od limetkovo zelenej po smaragdovú), zasadená do radiálneho gradientového halo, ktorý zalieva prázdny priestor zeleným svetlom – charakteristický vizuálny štýl značky. Karty úloh obsahujú izometrické 3D ikony (drôtená kocka, pevné schodisko, vrstvy) vykreslené v rovnakej limetkovo zelenej na tmavom pozadí. Výsledky kódu a benchmarkov sú prezentované ako karty terminálových okien s bodkami semaforu, zvýraznením syntaxe s rovnakým rozmiestnením vo fosforeskujúcej palete a tlmeným zeleným okrajom – pripomínajú snímky obrazovky skutočného rozhrania príkazového riadku. Logá klientov sú zobrazené ako nesaturované zeleno-sivé štítky v jednom riadku s nízkym kontrastom, čo signalizuje dôveru bez vizuálnej konkurencie. Celková hustota je nízka – väčšina stránok obsahuje prevažne text a obrázky sú prezentované ako jednotlivé ohniskové body, a nie ako mriežky fotografií. Nie sú tam žiadne fotografie; celý vizuálny systém je vykreslený, geometrický a žiarivý.
Paleta
Značka
- Lime Pulse
#7fee64— Hlavnými prvkami firemnej identity sú logo, hlavná výzva na akciu (CTA), výplň tagov, aktívne stavy a základná farba ilustrácie.
Neutrálny
- Phosphor White
#ddffdc— Hlavný text, farba názvu, obrys ikony a vyplnený text tlačidla tvoria hlavnú čitateľnú plochu. - Void Black
#000000— Plátno stránky, najhlbšia vrstva pozadia - Ground Iron
#181818— Výplň hlavného tlačidla, povrchy kariet v tmavých oblastiach, základný povrch používateľského rozhrania. - Carbon Veil
#212525— Vyvýšené plochy, navigačné pozadie, mierne svetlejšie ako zem. - Circuit Border
#485346— Rámček obrysu/ducha, hlavná interaktívna tenká čiara, má tlmený zelenosivý odtieň. - Phosphor Blue-Black
#1f2a33— Sekundárne tenké značkovacie čiary, oddeľujúce ťahy medzi tmavými pruhmi.
Typografia
od 12 do 64px · 8 krokov
- Goga — náhrada: Inter Tight or Space Grotesk · obrysy 400, 500 · Písmo pre nadpisy a podnadpisy – Používa sa pre všetky nadpisy a karty H1–H4. Goga je vlastné geometrické bezpätkové písmo s úzkymi otvormi a mierne štvorcovými koncami. Stredná hrúbka (500) je vyhradená na zvýraznenie nadpisov na úrovni karty; normálna hrúbka (400) sa používa pre nadpisy hlavných okien a sekcií. Pre prístup k alternatívnym tvarom glyfov, ktoré definujú identitu modálneho okna, musí byť povolená jeho štylistická sada „ss01“. Záporné rozstupy písmen sa postupne znižujú z -0,007 em pri 48px na -0,017 em pri 21px.
- Inter Variable — náhrada: Inter · obrysy 400, 500 · Používateľské rozhranie a text textu – navigácia, tlačidlá, text textu, popisky, päta. Pre interaktívne prvky a navigáciu sa štandardne používa stredná hrúbka (500); pre odseky sa používa normálna hrúbka (400). Rozstupy medzi písmenami sú citeľne znížené aj pri malých veľkostiach (-0,026 em pri 14 px, -0,022 em pri 16 px), čo dáva rozhraniu zhustenú, koncovú hustotu. Pre alternatívnu interpunkciu by sa mal zahrnúť variant znaku „cv11“. Popisky napísané veľkými písmenami pri 12 px používajú rozstupy medzi písmenami +0,05 em na vyváženie hustoty textu textu.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priemerný |
| Základný krok | 20px |
| Polomer tlačidla | 12px |
| Polomer karty | 8px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 80px |
| Šírka stránky | 1280px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Modal 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
- Slash — Polnočná klenba so zlátenými účtovnými knihami
- AgentQL — Polárna žiara nad terminálom v noci
- GitHub — Vesmírny veliteľský panel s bioluminiscenčnými kontrolnými bodmi – tmavý, atmosférický pracovný priestor, kde jediná zelená žiara ukazuje cestu vpred.
- Doppler — Fialové osvetlenie trezoru o polnoci. Takmer čierne plátno žiari jediným levanduľovým signálom a zeleným potvrdzovacím svetlom, pričom každý povrch je dostatočne zakrivený na to, aby sa dal uchopiť.
- Basedash — Polnočný dátový terminál s matným písmom. Tmavé observatórium, kde metriky žiaria fialovo a zeleno, pätkové titulky sa vznášajú nad hlukom a biele tlačidlá v tvare tabletiek sú jedinými jasnými objektmi v miestnosti s mäkkými čiernymi povrchmi.
- Superwhisper — Polárna žiara sa rozplýva nad polnočným sklom
- Better Stack — Konzola polnočného SRE
- Langbase — Konzola polnočnej polárnej žiary
- Astro — Riadiaci stredisko misií Deep Space s jedinou fialovou žiarou z hmloviny
- Wayfinder — Čierna filmová obrazovka s ledva počuteľným titulkom vznášajúcim sa nad živou ilustráciou. Rozhranie je skôr posuvník jasu než ovládací panel.
- HashiCorp — Riadiaca miestnosť o polnoci s fialovým neónom je tmavý technický povrch, kde ako jediný farebný referenčný prvok slúži žiariaca šesťuholníková kocka.
- Umbrel — Útulné ohnisko v nočnej serverovni – tmavej miestnosti, kde jediné broskyňové svetlo zdôrazňuje to, čo je skutočne dôležité.