EMJ web · extrakt vizuálního jazyka z 8 zdrojů inspirace (A–H)

Vizuální směr — 4 varianty vedle sebe

Stejný obsah (hero z wireframu A), čtyři různé vizuální jazyky poskládané z toho, co jsi nahrál a poslal. Nejsou to hotové designy — je to rozhodnutí o směru, detail se ladí až po volbě.

Jak vybrat: stačí říct „V2" — nebo kombinace: „V2, ale zelená" · „V1 s tmavou patičkou jako V4" · „V3, ale sans titulky". Barevná rodina a hlas titulků (serif/sans) jdou přeladit nezávisle. Nic není definitivní, směr jde po první ukázce ještě otočit.
1Čtyři směry
Každá dlaždice = zmenšená první obrazovka webu + náznak karet a tmavé kotvy. Obsah je všude stejný, aby se porovnával jen vizuál.
V1Světlý produktz E + G + D · nejblíž microsite pro Kubu
EMJ consultingProgramPřístupKdo jsmeKontakt
Rozvojový program pro týmy
Rozvojový program, který se průběžně formuje vašimi daty.
Šest měsíců práce s týmem. Průběžná zpětná vazba místo jednorázového dotazníku — a rozhodnutí podložená tím, co tým skutečně prožívá.
Program 6 měsícůPrůběžná dataLidské vedení
Dvě roviny, jeden celek
Rozvojová práce s týmem + měřicí vrstva, která ji průběžně ladí.
Tři takty programu
Zmapovat → pracovat → vyhodnotit. V rytmu, který tým unese.
Data pracují pro tým — ne naopak.Důvěra & data
Space Grotesk + Inter · dvoutónový titulek · bento karty
Signál: moderní produktová firma, systém, jistota. Kontinuita s microsite, kterou už Kuba zná. Riziko: nejblíž „další SaaS web".
V2Světlý serifz H + A + B
EMJ consultingProgramPřístupKdo jsmeKontakt
Rozvojový program pro týmy
Rozvojový program, který se průběžně formuje vašimi daty.
Šest měsíců práce s týmem. Průběžná zpětná vazba místo jednorázového dotazníku — a rozhodnutí podložená tím, co tým skutečně prožívá.
Program 6 měsícůPrůběžná dataLidské vedení
Dvě roviny, jeden celek
Rozvojová práce s týmem + měřicí vrstva, která ji průběžně ladí.
Tři takty programu
Zmapovat → pracovat → vyhodnotit. V rytmu, který tým unese.
Data pracují pro tým — ne naopak.Důvěra & data
Instrument Serif (+ kurzíva) + Inter · měkké modré gradienty
Signál: poradenská autorita s lehkostí — „lidé, kteří vědí, co dělají". Serif odlišuje od SaaS šablon, modrá drží důvěru. Nejuniverzálnější z celé čtveřice.
V3Prémiová zeleňz C
EMJ consultingProgramPřístupKdo jsmeKontakt
Rozvojový program pro týmy
Rozvojový program, který se průběžně formuje vašimi daty.
Šest měsíců práce s týmem. Průběžná zpětná vazba místo jednorázového dotazníku — a rozhodnutí podložená tím, co tým skutečně prožívá.
Program 6 měsícůPrůběžná dataLidské vedení
Dvě roviny, jeden celek
Rozvojová práce s týmem + měřicí vrstva, která ji průběžně ladí.
Tři takty programu
Zmapovat → pracovat → vyhodnotit. V rytmu, který tým unese.
Data pracují pro tým — ne naopak.Důvěra & data
Instrument Serif + Inter · krém + lesní zeleň · glass karty
Signál: butik, klid, lidskost — nejdál od korporátu i od SaaS. Zelená = růst/bezpečí. Riziko: nejméně „tech", AI vrstva může působit překvapivě.
V4Tmavá elegancez F (taxo.ai)
EMJ consultingProgramPřístupKdo jsmeKontakt
Rozvojový program pro týmy
Rozvojový program, který se průběžně formuje vašimi daty.
Šest měsíců práce s týmem. Průběžná zpětná vazba místo jednorázového dotazníku — a rozhodnutí podložená tím, co tým skutečně prožívá.
Program 6 měsícůPrůběžná dataLidské vedení
Dvě roviny, jeden celek
Rozvojová práce s týmem + měřicí vrstva, která ji průběžně ladí.
Tři takty programu
Zmapovat → pracovat → vyhodnotit. V rytmu, který tým unese.
Data pracují pro tým — ne naopak.Důvěra & data
Instrument Serif kurzíva · zrnité modré gradienty · ghost typo
Signál: exkluzivita, cinematic, „prémiová technologie". Nejodvážnější a nejvíc zapamatovatelné. Riziko: chladné pro L&D publikum; hůř se v něm nese lidskost programu.
2Co dostaneš v každé variantě
Společná gramatika všech 8 zdrojů — tohle se nevybírá, platí napříč (a sedí i na Design DNA, kterou už používáme).

Micro-labels nad sekcemi

Malý uppercase štítek s tečkou/čtverečkem uvede každou sekci — orientace beze čtení („■ Přístup", „● Program").

Vzduch a bílé karty

Světlý canvas, hodně prostoru, obsah v kartách s jemným hairline okrajem. Nic nahuštěného.

Jedna tmavá kotva

Jeden tmavý band ke konci stránky (důvěra & data / závěr) — u V4 obráceně: světlé ostrovy ve tmě.

Titulek s jedním akcentem

Velký titulek nese právě jeden kontrolovaný akcent: šedou druhou linku, kurzívní slovo, nebo barevné zvýraznění. Nikdy víc najednou.

UI náhled jako důkaz

Místo stock fotek ukázka skutečné měřicí vrstvy (syntetická data z B1 demo — Rule of 5, glass-box read). „Nevěř, podívej se."

Číslované sekvence

Kroky programu jako 01–03 s linkou/rampou — přesně sedí na „3 takty" z wireframu.

3Kompozice stránky (struktura A — beze změny)
Struktura zůstává, jak byla vybraná z wireframu; extrakt jen říká, čím se která sekce vizuálně ponese.
01
Hero — titulek s akcentem + klidný podtitul, žádné CTA · u V2/V4 měkký gradient v pozadí
02
Proč jinak — dvě fronty vymezení · dvojice karet (proti školení bez dat / proti datům bez akce)
03
Tři takty programu · číslovaná řada 01–03 s linkou (vzor Latch/Finova/ChronoTask)
04
Dvě roviny, jeden celek · split sekce: rozvojová práce × měřicí vrstva
05
Mezi setkáními — UI náhled měřicí vrstvy · proof sekce, syntetická data
06
Kdo jsme · lidská sekce — foto/medailonky, serif jí sluší (vzor Wealthly)
07
Důvěra & data — tmavá kotva · anonymita, kde data leží, poctivé mantinely
08
Patička bez CTA · kontakt + případně velký wordmark (vzor Default Studio)
Tvůj tah: napiš směr — „V1" / „V2" / „V3" / „V4", klidně s úpravou („V2, ale zelená" · „V1 s patičkou jako G"). Po volbě postavím první ostrou obrazovku webu v plném rozlišení, a teprve po jejím odsouhlasení celý one-pager + prezentaci pro Kubu ve stejné identitě.
Interní podklad · extrakt z 8 zdrojů: A „Latch" · B „Finova" · C „Wealthly" · D „Wishpay" · E „ChronoTask" · F taxo.ai · G default-studio.com · H billow.so · zdrojové screeny: podklady/web-emj-inspirace/ · sestaveno 31. 7. 2026 · připravil Claude · neindexováno, chráněno heslem.