Emersion OS AFW Mockup Studio
Vizuální koncept · čeká na schválení
Design exploration · 2026

Jedno místo pro všechny návrhy.

Interaktivní ukázky Emersion Admin Frameworku. Zde porovnáváme vzhled, ergonomii a chování prvků před schválením design systému a implementací do produktů.

15 dostupné návrhy
Aktuální návrh k posouzení · V1.0.0

Premium Compact · V1

Jeden plnohodnotný pracovní přehled: prémiové plochy, KPI, hustá tabulka, vlastní Select, drawer, dialog a přepínání světlo / tma. Připraveno k tvému vizuálnímu schválení.

Otevřít návrh V1 ke schválení

Komponenty a historie návrhů

Porovnávání klikacích HTML návrhů
AKTUÁLNÍ · STÁLÁ ADRESA / LIVING DEMO

Emersion OS — živá demo-administrace

Virtuální pracovní plochy s okny, spodní lištou, komponentami, formuláři, tabulkami a univerzálními vrstvami. Každá další změna rozšíří tentýž celek. v0.20.0 · sjednocené obsahové stránky · Git historie · E2E testy.

Otevřít živou administraci ↗
HISTORIE · V3.5 / SJEDNOCENÍ DESIGNU

Společná knihovna prvků — konsolidace

Na jednom místě tlačítka, formuláře, stavy, dialogy a jejich použití v tabulce. Otevřené nesoulady se starší specifikací AFW jsou označené, nic se neschvaluje potichu.

Otevřít katalog V3.5 ↗
HISTORIE · V3.4 / ERGONOMIE

Pracovní plocha — lišta, scrollbar a ikonky

Posuvné šipky na spodní liště jen při přetečení, scrollbar až na pravém okraji view a precizně centrované ikony Rychlého otevření. Zachované univerzální vrstvy a oddělené scrollování.

Otevřít V3.4 ↗
HISTORIE · V3.3 / UNIVERZÁLNÍ VRSTVY A SCROLL

Views, uzamčené vrstvy a nezávislý scroll

Jednotlivé části obrazovky mají samostatný scroll; modální vrstvy nepropouštějí kolečko do podkladu. Instalátor, fullscreen editor, glass vrstva a povinný krok v jednom klikacím návrhu.

Otevřít vrstvy V3.3 ↗
HISTORIE · V3.2 / SPRÁVCE OKEN

Desktop — plátno Flow, taskbar a Start

Opravený začátek workflow v úzkém okně, přehled všech otevřených úloh i při přeplnění spodní lišty, šipky pro posun a elegantnější nabídka Start. Tlačítko Emersion už obsahuje pouze vystředěnou ikonu.

Otevřít opravený desktop V3.2 ↗
HISTORIE · V3.1 / PRACOVNÍ DESKTOP

Spodní lišta a nezávislá pracovní okna

Alternativa k tabům: okna nad seznamem, přetažení, změna velikosti, minimalizace, maximalizace, přepínání z lišty a velký editor Flow. Stav formulářů zůstává zachován.

Otevřít desktop V3.1 ↗
K POROVNÁNÍ · V3.0 / PRACOVNÍ TABY

Data, pracovní záložky a vrstvy

Datová tabulka s filtrováním a výběry, strom procesů, časová osa, více současně otevřených detailů, zachování rozepsaných hodnot a vnořené potvrzení. Ověřeno v prohlížeči.

Otevřít V3 mockup ↗
AKTUÁLNÍ · V2.2 / FUNKČNÍ SELECTY

Prémiové formuláře — ověřená interakce

Oba výběry jsou znovu funkční, ověřené přímo v Chromium včetně hledání a vícečetného výběru. Opraveno sestavení JavaScriptu; předchozí verze zůstávají dostupné.

Otevřít funkční V2.2 ↗
HISTORIE · V2.1 / FORMULÁŘOVÉ PRVKY

Premium Compact — doladěné komponenty

Sjednocené zarovnání, Multi-select ve vlastní plovoucí vrstvě, stylovaný souborový vstup, barevné Toasty a dialogy s hlavičkou.

Otevřít opravený katalog ↗
HISTORIE · V2.0.0 / KOMPONENTY

Premium Compact — klikací katalog

Tlačítka, formulářové prvky, vyhledávací Select, radio-karty, přepínače, záložky, stavy, nabídky i dialogy. Všechno v jednotném vizuálním stylu.

Otevřít katalog V2 ↗
HISTORIE · V0.1.0

Premium Compact — první koncept

Předchozí originální návrh s formuláři, přepínáním zobrazení a pracovními panely. Zachován pro porovnání.

Otevřít archivní verzi ↗
REFERENČNÍ STAV · G1

G1 — základní obrazovky

Původní interaktivní návrh dashboardu, formulářů, tabulek a detailů. Výchozí reference ergonomie a rozložení.

Otevřít původní návrh ↗
REFERENČNÍ STAV · G2

G2 — Flow a Brain

Složitější aplikační scénáře: editor, monitoring, znalosti a schvalování. Referenční funkční rozsah.

Otevřít původní návrh ↗
REFERENČNÍ STAV · G3

G3 — hustota a vrstvy

Náhled komponent, profesionálně kompaktního rozvržení a práce s dialogy a pracovními vrstvami.

Otevřít původní návrh ↗

Další součásti design systému

Zatím plán — nikoli hotové soubory
KomponentyInputs, Select, Checkbox, Radio, Switch, tlačítka a všechny stavy.
Datové pohledyTabulky, filtry, výběry, seznamy, karty a KPI.
VrstvyModály, potvrzení, popovery, drawery a přepínání pracovních pohledů.
ObrazovkyDashboard, detail, formulář, Flow, Brain, Portal a další.
Zásada verzování: staré návrhy zůstávají beze změny. Každé nové vizuální kolo dostane vlastní verzovaný soubor a odkaz v tomto rozcestníku. Schválení vzhledu není schválením technické implementace. Zobrazit plán projektu a etapy →