Modal
Fosforeskující terminál v zatemněné serverovně - jediným zdrojem světla je jasně zelená barva
Modální okno funguje jako fosforeskující terminál v zatemněné serverovně: téměř černé plátno, světle zelený typ a jeden jasně limetkově zelený akcent, který slouží jako LED indikátor stavu. Designový jazyk je zaměřen na vývojáře – okna s kódem s pevnou roztečí a tečkami semaforu, izometrické 3D ikony v charakteristické zelené barvě a dostatek bílého prostoru, což umožňuje, aby jeden prvek v každé sekci zářil. Typografie je rozdělena mezi vlastní písmo (Goga) pro nadpisy a variabilní písmo (Inter) pro všechny prvky uživatelského rozhraní, obojí nastavené s úzkým negativním sledováním. Barvy jsou rozloženy rovnoměrně: většina obrazovek je achromatická a jasně limetkově zelená barva se objevuje pouze na klíčových akcích, logu, 3D ilustracích a důrazných momentech. Komponenty jsou ploché a bezrámové, s hloubkou vytvořenou jemnými zelenými okraji a rozmazáním pozadí spíše než stíny.
Modální okno používá tmavé rozvržení na celou šířku s maximální šířkou 1280 pixelů pro umístění obsahu. Hlavní okno je vycentrováno: nadpis (první věta v limetkově zelené barvě), podnadpis, dvě výzvy k akci a jeden 3D objekt jako vizuální kotva – bez oddělení rozvržení od postranního panelu. Sekce obsahu se řídí jednotným rytmem: štítek obočí (velká písmena, Moss 70) → nadpis Goga → tlumený text těla, poté buď dvousloupcové rozvržení s popisem funkce (text + kód/vizuální karta), nebo třísloupcová mřížka karet. Mezery mezi sekcemi jsou velkorysé – 80 pixelů. Stránka se střídá mezi hlubokými prázdnými (#000000) a mírně světlejšími pruhy na pozadí (#181818), přičemž jedna světlá sekce (#def0dd) se objevuje uprostřed stránky jako vizuální pauza. Navigace se skládá z jediného pevného horního panelu s rozmazaným pozadím – žádný postranní panel ani megamenu. Patička je kompaktní a tmavá, s tlumenými zelenými sloupci odkazů. Hustota textu je příjemná: každé sekci je věnován dostatek prostoru a mřížky karet nepoužívají více než tři sloupce.
Vizuální jazyk Modalu je rozdělen do dvou režimů: 3D zářící produktové rendery a tmavé makety oken s kódem. Ústředním bodem je jediná 3D krychle vykreslená pomocí marketingového gradientu (od limetkově zelené po smaragdovou), zasazená do radiálního gradientního halo, které zalévá prázdný prostor zeleným světlem – charakteristický vizuální styl značky. Karty úloh obsahují izometrické 3D ikony (drátěný model krychle, plné schodiště, vrstvy) vykreslené ve stejné limetkově zelené na tmavém pozadí. Výsledky kódu a benchmarků jsou prezentovány jako karty oken terminálu s tečkami semaforu, zvýrazněním syntaxe v monospaced barvě ve fosforeskující paletě a tlumeným zeleným okrajem – připomínají snímky obrazovky skutečného rozhraní příkazového řádku. Loga klientů jsou zobrazena jako desaturované zelenošedé popisky v jednom řádku s nízkým kontrastem, což signalizuje důvěru bez vizuální konkurence. Celková hustota je nízká – většina stránek obsahuje převážně text a obrázky jsou prezentovány jako jednotlivé ústřední body, nikoli jako mřížky fotografií. Fotografie nejsou k dispozici; celý vizuální systém je vykreslen geometricky a zářivě.
Paleta
Značka
- Lime Pulse
#7fee64— Hlavními prvky firemní identity jsou logo, hlavní výzva k akci (CTA), výplň tagů, aktivní stavy a základní barva ilustrace.
Neutrální
- Phosphor White
#ddffdc— Hlavní text, barva názvu, obrys ikony a vyplněný text tlačítka tvoří hlavní čitelnou plochu. - Void Black
#000000— Plátno stránky, nejhlubší vrstva pozadí - Ground Iron
#181818— Výplň hlavních tlačítek, povrchy karet v tmavých oblastech, základní povrch uživatelského rozhraní. - Carbon Veil
#212525— Vyvýšené plochy, navigační pozadí, mírně světlejší než zem. - Circuit Border
#485346— Obrysový/duchový akční rámeček, hlavní interaktivní tenká čára, má tlumený zelenošedý odstín. - Phosphor Blue-Black
#1f2a33— Sekundární tenké značkovací čáry, oddělující tahy mezi tmavými pruhy.
Typografie
od 12 do 64 pixelů · 8 kroků
- Goga — nahrazení: Inter Tight or Space Grotesk · obrysy 400, 500 · Písmo pro nadpisy a podnadpisy – Používá se pro všechny nadpisy a karty H1–H4. Goga je vlastní geometrické bezpatkové písmo s úzkými otvory a mírně čtvercovými konci. Střední tloušťka (500) je vyhrazena pro zvýraznění nadpisů na úrovni karet; normální tloušťka (400) se používá pro nadpisy hlavních a sekčních prvků. Pro přístup k alternativním tvarům glyfů, které definují identitu modálního okna, musí být povolena jeho stylistická sada „ss01“. Záporné rozteče písmen se postupně zmenšují z -0,007 em při 48 px na -0,017 em při 21 px.
- Inter Variable — nahrazení: Inter · obrysy 400, 500 · Uživatelské rozhraní a text textu – navigace, tlačítka, text textu, popisky, zápatí. Pro interaktivní prvky a navigaci se standardně používá střední tloušťka (500); pro odstavce se používá normální tloušťka (400). Rozteč písmen je znatelně snížena i u malých velikostí (-0,026em při 14px, -0,022em při 16px), což rozhraní dodává zhuštěnou, koncovou hustotu. Pro alternativní interpunkci by měla být použita varianta znaku „cv11“. Popisky s velkými písmeny a tloušťkou 12px používají rozteč písmen +0,05em k vyvážení hustoty textu textu.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | průměrný |
| Základní krok | 20px |
| Poloměr tlačítka | 12px |
| Poloměr karty | 8px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 80px |
| Šířka stránky | 1280px |
Umělá inteligence vám vytvoří web ve stylu Modal 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
- Slash — Půlnoční trezor se zlacenými účetními knihami
- AgentQL — Polární záře nad terminálem v noci
- GitHub — Vesmírný velitelský panel s bioluminiscenčními kontrolními body – tmavý, atmosférický pracovní prostor, kde jediná zelená záře ukazuje cestu vpřed.
- Doppler — Fialové osvětlení trezoru o půlnoci. Téměř černé plátno září jediným levandulovým signálem a zeleným potvrzovacím světlem, každý povrch je dostatečně zakřivený, aby se dal uchopit.
- Basedash — Půlnoční datový terminál s matným písmem. Temná observatoř, kde metriky září fialově a zeleně, patkové titulky se vznášejí nad hlukem a bílá tlačítka ve tvaru pilulek jsou jedinými jasnými objekty v místnosti s měkkými černými povrchy.
- Superwhisper — Polární záře se rozplývá nad půlnočním sklem
- Better Stack — Půlnoční konzole SRE
- Langbase — Konzola Půlnoční polární záře
- Astro — Řízení mise v hlubokém vesmíru s jedinou fialovou záři z mlhoviny
- Wayfinder — Černá filmová obrazovka s sotva slyšitelným titulkem vznášejícím se nad živou ilustrací. Rozhraní je spíše posuvník jasu než ovládací panel.
- HashiCorp — Řídicí místnost o půlnoci s fialovým neonem je tmavý technický povrch, kde zářící šestiúhelníková krychle slouží jako jediný barevný referenční bod.
- Umbrel — Útulné ohniště v noční serverovně – temná místnost, kde jediná broskvová záře zdůrazňuje to, co je skutečně důležité.