Návody HCA Moravia — fotky, grafika, podpisy

Část 1

Fotky z akcí

Fotky se upravují v Gemini (gemini.google.com) — ze všech AI nejméně mění obličeje. Přilož fotku, zkopíruj prompt a vlož ho k ní.

Postup

Vyber 3–6 nejlepších fotek z akce. Dobrá fotka: lidé v interakci, tváře vidět, žádné batohy a kelímky v popředí.

Na každou fotku nejdřív prompt A1 (světlo a barvy).

Podle potřeby pokračuj: A2 jiný formát (čtverec, story), A3 rušivé věci v pozadí.

Zkontroluj tváře proti originálu (zvětšené) a ulož na Nextcloud — složky jsou dole na stránce.

Čtyři železná pravidla

Obličeje se nemění. Po každé úpravě porovnej výsledek s originálem. Změněná tvář = fotku nepoužít a zkusit znovu.
Lidé se nikdy neořezávají. Když se všichni nevejdou do formátu, doplní se tmavě modré pruhy. Prompt A2 to umí sám.
Nic se nepřidává. Žádní dokreslení lidé ani plnější sál. Fotka z akce je dokument.
Text ve fotce (flipchart, plátno) AI ráda rozbije. Po úpravě zkontroluj čitelnost a diakritiku; rozbitý text = oříznout záběr, nebo fotku nepoužít.

Prompty — zkopíruj a vlož do Gemini

A1 Základní úprava

Na každou fotku jako první krok. Srovná světlo a barvy, ničeho jiného se nedotkne.

Uprav přiloženou fotografii z firemního vzdělávacího semináře jako profesionální
fotograf. Proveď pouze tyto úpravy:

- narovnej horizont a svislé linie místnosti,
- vyvaž expozici, projasni tmavá místa tak, aby byly tváře dobře čitelné,
- odstraň nažloutlý nádech umělého osvětlení, nastav přirozenou teplou bílou,
- lehce doladit barvy do teplého, decentního tónu (jemně zlatavé světlo,
  žádné přesycené barvy, žádný instagramový filtr).

Přísný zákaz: neměň obličeje, jejich rysy ani výrazy. Nepřidávej ani neodstraňuj
žádné osoby ani předměty. Neměň text na tabulích, roll-upech a projekci.
Neměň kompozici ani ořez. Výsledek musí vypadat jako tatáž fotografie,
jen lépe nasvícená a vyvážená.

A2 Ořez na formát

Po A1, když potřebuješ čtverec, výšku nebo story. V první řádce vyber formát a smaž ostatní.

Ořízni přiloženou fotografii na poměr stran [4:5 na výšku / 1:1 čtverec /
9:16 na výšku pro story].

Pravidla ořezu:
- Ve výřezu musí zůstat CELÉ hlavy všech osob, které jsou na fotce vidět.
  Nikdy nikoho neuřízni, ani částečně.
- Pokud se všechny osoby do daného poměru nevejdou, fotku NEOŘEZÁVEJ:
  zachovej ji celou a doplň nahoře a dole (případně po stranách) jednobarevné
  tmavě modré pruhy v barvě #123B6D tak, aby výsledek měl požadovaný poměr.
- Hlavní dění umísti přibližně do dolních dvou třetin plochy.
- Nic do fotografie nedokresluj, nepoužívej dopočítávání okrajů (outpainting).

A3 Retuš pozadí

Jen když na jinak dobré fotce něco tahá oči. Vyjmenuj konkrétně, co má zmizet.

Odstraň z přiložené fotografie tyto rušivé prvky: [např. kelímky na stole
vpravo, batoh na zemi u okna, kabel přes podlahu, prázdné židle u kraje].
Plochu po nich doplň nenápadně podle okolí.

Přísný zákaz: neodstraňuj ani nepřidávej žádné osoby. Neměň obličeje.
Neměň loga, nápisy ani text kdekoli ve fotce. Neměň světlo ani barvy.
Kromě vyjmenovaných prvků se ničeho nedotýkej.

A4 Inscenovaná ilustrace

Jen obecná ilustrace (pozvánka, web), když z akcí není použitelná fotka. Přilož referenční portrét Ondřeje.

Nikdy k reportu z konkrétní akce („bylo nás plno“, „děkujeme za účast“) a nikde, kde by ji čtenář pochopil jako fotku z reálné události. Před použitím se vždy zeptej Hanky nebo Andreje.

Vytvoř realistickou fotografii ze semináře pro majitele firem v moderní světlé
zasedací místnosti. Muž z přiložené referenční fotografie stojí u flipchartu
a vysvětluje něco skupině 6 až 8 lidí v business casual oblečení, kteří sedí
u stolu a poslouchají. Zachovej přesnou podobu muže z referenční fotografie.

Styl: přirozené denní světlo z okna, teplý decentní tón, vzhled reportážní
fotografie na zrcadlovku, žádný umělý AI vzhled. Na flipchartu jen jednoduché
schéma bez čitelného textu. Kompozice na šířku, prostor pro text v horní části.

Rychlé opravy — dopiš, když se výsledek nepovede

Oprava AI změnila tváře

Vrátí úpravu s nedotčenými obličeji.

Tváře osob se od originálu liší. Vrať se k původní fotografii a proveď úpravu
znovu tak, aby obličeje zůstaly naprosto beze změny.

Oprava Rozbitý text ve fotce

Vrátí text, nebo ho dostane ze záběru.

Text na [flipchartu / roll-upu / plátně] je po úpravě rozbitý. Vrať ho do
původní podoby, nebo uprav výřez tak, aby text nebyl ve záběru.

Oprava Přesycené barvy

Ubere sytost, vrátí přirozené tóny pleti.

Barvy jsou přesycené a vypadají uměle. Uber sytost, vrať přirozené tóny pleti.

Část 2

Grafika na sítě

Karty, karusely a stories dělá Claude nebo ChatGPT — vrátí kód stránky, ze kterého vyrobíš obrázek nebo PDF. Vzhled se načítá ze serveru, takže výsledek vždycky drží styl HCA.

Postup

Zkopíruj celý prompt níž a vlož ho do Claude nebo ChatGPT.

Dole v části ZADÁNÍ přepiš hranaté závorky: typ grafiky, text, termíny. Co nevíš, nech na AI vypsat jako [doplnit] — nikdy si nedomýšlí.

AI vrátí kód. Zkopíruj ho do Poznámkového bloku a ulož jako nazev.html.

Otevři soubor v Chrome a vyrob PNG nebo PDF — přesné kroky v kartách níž.

Nelíbí se ti výsledek? Nezasahuj do kódu. Napiš AI, co je špatně („logo překrývá nadpis“), a nech to opravit.

Prompt — zkopíruj celý, i se zadáním

Prompt Karty · karusely · stories

Jeden prompt na všechny typy grafiky. Dole v ZADÁNÍ vyplníš, co má vzniknout.

Jsi grafik a copywriter HCA Moravia — brněnské vzdělávací a poradenské společnosti
pro majitele, jednatele a manažerské týmy. Vytvoříš grafiku na sociální sítě
jako jeden HTML soubor.

## PRAVIDLA VZHLEDU — neporušitelná

1. Do `<head>` vlož přesně jeden z těchto řádků a **žádný jiný styl**:
   - karta nebo karusel (1080×1350):
     `<link rel="stylesheet" href="https://preview.vedno.it/hca-brand/karty.css">`
   - story (1080×1920):
     `<link rel="stylesheet" href="https://preview.vedno.it/hca-brand/story.css">`
2. U karty a karuselu přidej do `<head>` ještě:
   `<style>@page{size:1080px 1350px;margin:0}</style>`
   (u story `1080px 1920px`). Nic jiného do `<style>` nepatří.
3. **Nepiš vlastní CSS.** Žádné `style="..."` s barvami ani velikostmi písma.
   Jediná výjimka: `style="background-image:url(...)"` u fotky na pozadí.
4. Používej **jen třídy ze seznamu níž**. Nevymýšlej nové.
5. Barvy a písmo (Inter) jsou dané stylem, do HTML žádné barevné kódy.

## STRUKTURA SOUBORU

```html
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<title>HCA Moravia — [název grafiky]</title>
<link rel="stylesheet" href="https://preview.vedno.it/hca-brand/karty.css">
<style>@page{size:1080px 1350px;margin:0}</style>
</head>
<body>
  <!-- jedna sekce = jedna karta / jeden slide -->
</body>
</html>
```

## LOGA A FOTKY

- Tmavý podklad (`navy`, `foto-page`): `https://preview.vedno.it/hca-brand/logo/logo-gold.png`
- Světlý podklad (`light`): `https://preview.vedno.it/hca-brand/logo/logo-navy.png`
- Fotky ze serveru: `https://preview.vedno.it/hca-brand/foto/` + `audience.jpg`,
  `hca-workshop.jpg`, `hca-group.jpg`, `networking.jpg`, `ondra-portrait.jpg`.
- Dostaneš-li v zadání název vlastní fotky (např. `akce-brno.jpg`), použij ho
  přímo: `background-image:url('akce-brno.jpg')` — soubor bude ležet vedle HTML.

## TYPY GRAFIK — kostry

### 1. Karta s myšlenkou (princip, otázka do sálu)

Tmavá (`navy`) nebo světlá (`light`) varianta. `znak` = obrysové číslo série.

```html
<section class="page navy">
  <div class="bar"></div>
  <div class="hlava">
    <img src="https://preview.vedno.it/hca-brand/logo/logo-gold.png" alt="HCA Moravia">
    <span class="stitok">[Název série]<span class="cislo">[Téma] · 01</span></span>
  </div>
  <div class="obsah">
    <div class="znak">01</div>
    <h1>[Hlavní myšlenka<br>na dva tři řádky,<br><span class="accent">konec zlatě.</span>]</h1>
    <p>[Jedna dvě věty, které myšlenku dotáhnou. Konkrétně, bez frází.]</p>
  </div>
  <div class="pata"><span class="web">hcamoravia.cz</span></div>
</section>
```

### 2. Karta s referencí

```html
<section class="page navy s-portretom">
  <div class="portret" style="background-image:url('[fotka-klienta.jpg]');"></div>
  <div class="bar"></div>
  <div class="hlava">
    <img src="https://preview.vedno.it/hca-brand/logo/logo-gold.png" alt="HCA Moravia">
    <span class="stitok">Reference</span>
  </div>
  <div class="obsah">
    <div class="citat">„[Doslovný citát klienta.]“</div>
    <div class="kto"><div class="meno">[Jméno Příjmení]</div><div class="firma">[pozice, firma]</div></div>
    <div class="vysledok">[Popis výsledku] <b>[číslo]</b></div>
  </div>
  <div class="pata"><span class="web">hcamoravia.cz</span></div>
</section>
```

Bez fotky klienta vynech `s-portretom` i `<div class="portret">`. Řádek
`vysledok` jen s doloženým číslem, jinak ho vynech.

### 3. Pozvánka na termín (fotka na pozadí)

```html
<section class="page foto-page">
  <div class="foto" style="background-image:url('[fotka.jpg]');background-position:center 40%;"></div>
  <div class="bar"></div>
  <div class="hlava">
    <img src="https://preview.vedno.it/hca-brand/logo/logo-gold.png" alt="HCA Moravia">
    <span class="stitok">Termín</span>
  </div>
  <div class="obsah">
    <h1>[Název semináře]<br><span class="accent">[datum, město]</span></h1>
    <div class="termin"><div>[rozsah · místo]</div><div>[pro koho]</div><div>Poslední místa</div></div>
    <div class="prokoho">[Jedna věta: pro koho seminář je a co si odnese.]</div>
  </div>
  <div class="pata"><span class="web">hcamoravia.cz</span></div>
</section>
```

### 4. Karusel (5–8 slidů, LinkedIn a Instagram)

Všechny slidy v jednom souboru, každý jako `<section class="page … karusel">`.
Střídej `light` a `navy`. `znak` = číslo slidu, patička `<span class="strana">1 / 5</span>`.

- Slide 1: hlavní otázka nebo tvrzení (jako kostra 1, kratší nadpis).
- Slidy 2 až N−1: jedna myšlenka na slide, `h1` + `p`.
- Poslední slide: otevřená otázka nebo dilema k tématu, žádná prodejní výzva.
  Jen otázka a `hcamoravia.cz` v patičce.

### 5. Story (1080×1920, styl `story.css`)

Hlavička má místo `stitok` třídu `seria`, patička je jen text:

```html
<section class="page navy">
  <div class="bar"></div>
  <div class="hlava">
    <img src="https://preview.vedno.it/hca-brand/logo/logo-gold.png" alt="HCA Moravia">
    <span class="seria">[Název série]</span>
  </div>
  <div class="obsah">
    <h1>[Otázka nebo myšlenka<br><span class="accent">konec zlatě.</span>]</h1>
    <p>[Jedna dvě věty.]</p>
  </div>
  <div class="pata">hcamoravia.cz</div>
</section>
```

Prvky navíc pro story (vkládají se do `obsah`):

```html
<!-- jeden konkrétní krok k vyzkoušení -->
<div class="krok"><div class="lbl">Jeden krok</div>
  <div class="txt">[Co konkrétně tento týden udělat.]</div></div>

<!-- podklad pod nálepku ankety v Instagramu -->
<div class="anketa"><div class="lbl">Anketa</div>
  <div class="otazka">[Otázka na diváky?]</div>
  <div class="pozn">[Krátká poznámka pod otázkou.]</div></div>

<!-- zvýrazněné číslo -->
<div class="cislo-box">[Popis:] <b>[číslo]</b></div>
```

Fotka na pozadí story: stejně jako u pozvánky (`foto-page` + `<div class="foto">`).
Horních 200 px a dolních 250 px nechává styl volných pro prvky Instagramu —
nic tam neumísťuj.

## PRAVIDLA OBSAHU

- **Jedna myšlenka na kartu i slide.** Nadpis do 10 slov, odstavec do 30 slov.
- Čeština. Na kartách a stories se **tyká** (jak je u HCA na sítích zvykem);
  reference a pozvánky nechávej neutrální, bez oslovení.
- Věcně a klidně: žádné vykřičníky, žádná emoji, žádné hashtagy, žádné
  superlativy ani marketingové fráze. Dlouhou pomlčku v textu nepoužívej,
  nahraď ji tečkou nebo čárkou.
- Konkrétní sloveso místo abstraktního podstatného jména.
- **Nikdy nepiš:** počty volných míst ani kapacitu (jen „poslední místa"),
  jména autorů metodiky ani její odbornou terminologii, vymyšlené ceny,
  termíny nebo počty absolventů.
- Čísla o firmě, která smíš použít: 13 let praxe, hodnocení 4,9 z 52 recenzí
  na Google, „stovky firem a tisíce vyškolených lidí". Jiná ne.
- Reference jen doslovná, se jménem i firmou ze zadání. Nezkracuj, nepřepisuj.
- Chybí-li v zadání údaj, napiš do grafiky `[doplnit]` a na konec odpovědi
  seznam toho, co je potřeba dodat. Nic si nedomýšlej.

## VÝSTUP

Vrať **jeden kompletní HTML soubor** v jednom bloku kódu. Žádné vysvětlování
před ani za, kromě případného seznamu chybějících údajů.

## ZADÁNÍ

**Typ grafiky:** [karta s myšlenkou / karta s referencí / pozvánka na termín / karusel / story]

**Podklad:** [navy / light / fotka — název souboru nebo adresa ze serveru]

**Název série a číslo:** [např. „Řízení · 03", nebo „žádná série"]

**Text / myšlenka:**
[hlavní myšlenka vlastními slovy; u karuselu seznam bodů, jeden bod = jeden slide]

**Termíny a údaje:**
[datum, město, rozsah — přesně; nebo „žádné"]

**Reference:**
[doslovný citát + jméno + firma + doložené číslo výsledku; nebo „žádná"]

**Zvláštní požadavky:**
[cokoli navíc]

Z kódu na hotový soubor

Obrázek PNG

Karta na IG a FB · story

Otevři HTML v Chrome a stiskni F12, pak Ctrl+Shift+M (ikona mobilu).
Nahoře zadej rozměry 1080 × 1350 (story 1080 × 1920).
Menu ⋮ v liště zařízení → Capture screenshot. PNG se stáhne samo.

Dokument PDF

Karusel na LinkedIn

Ctrl+P → cíl Uložit jako PDF.
Další nastavení → zapni Grafika na pozadí (jinak vyjde bílé), okraje Žádné.
Ulož a nahraj na LinkedIn jako dokument.

Karusel po slidech

Karusel na Instagram

Vyrob PDF podle vedlejší karty.
Nahraj PDF do Canvy (Vytvořit návrh → Importovat soubor) — rozpadne se na slidy.
Sdílet → Stáhnout → PNG, všechny stránky. V Canvě nic nepředělávej.

Vlastní fotku z akce dáš do grafiky tak, že ji uložíš do stejné složky jako HTML soubor a do zadání napíšeš její název, třeba akce-brno.jpg.

Část 3

E-mailové podpisy

Podpisy se nevymýšlejí — hotové podpisy celého týmu jsou na jedné stránce, včetně postupu pro Gmail přímo nahoře.

Otevřít podpisy týmu

Nový člověk v týmu

Sežeň čtvercovou fotku obličeje (aspoň 300 × 300 px, klidné pozadí).

Nahraj ji do složky foto/podpisy na úložišti (tlačítka v části Úložiště níž) jako jmeno-prijmeni.jpg.

Pošli Andrejovi jméno, pozici, telefon a e-mail — podpis přibude na stránku ke všem ostatním.

V podpisu nic nepřepisuj a fotku nikdy nevkládej jako přílohu — musí ležet na serveru, jinak ji Gmail zahodí. Chybí-li u někoho kontakt ([doplnit]), pošli údaj Andrejovi.

Část 4

Úložiště a odkazy

Hotové věci se ukládají přes dva odkazy níž. Fungují rovnou v prohlížeči, bez přihlášení — soubor nahraješ tlačítkem + vlevo nahoře, nebo ho prostě přetáhneš myší do okna.

Složka foto — fotky z akcí Složka social — hotová grafika

Co kam patří

foto/ — na každou akci založ složku 2026-09-12-nazev-akce a v ní original (fotky, jak přišly) a upravene (jen ty schválené kontrolou).

foto/podpisy/ — čtvercové fotky lidí pro e-mailové podpisy.

social/ — hotové karty, karusely (PDF i PNG) a stories po měsících (2026-09), vždy i s jejich HTML souborem, ať se dá text později upravit.

Kde co najdeš (bez přihlášení)

Podpisy týmu

kopírují se do Gmailu

preview.vedno.it/hca-brand/podpisy

Vzory tištěných materiálů

nabídky, pozvánky, decky

preview.vedno.it/hca-brand/vzory.html

Hotové marketingové materiály

katalogy, bannery, šablony

preview.vedno.it/hca-mkt

Loga a fotky značky nikam nestahuješ — do grafiky se vkládají adresou ze serveru a přesné adresy jsou přímo v promptu v části 2.

Fotky, grafika a podpisy.
Všechno na jedné stránce.

Fotky z akcí

Postup

Prompty — zkopíruj a vlož do Gemini

Rychlé opravy — dopiš, když se výsledek nepovede

Grafika na sítě

Postup

Prompt — zkopíruj celý, i se zadáním

Z kódu na hotový soubor

Obrázek PNG

Dokument PDF

Karusel po slidech

E-mailové podpisy

Nový člověk v týmu

Úložiště a odkazy

Co kam patří

Kde co najdeš (bez přihlášení)

Podpisy týmu

Vzory tištěných materiálů

Hotové marketingové materiály

Kontrola před publikací