Logo cover
logo-coverClean opener — workshop or webinar logo, centered on white.
Arculat · v1
EAP Workshop arculat
Minden EAP Workshop prezentáció vizuális nyelve — fejezetről fejezetre építve az eredeti arculati forrásból.
01 · A logó
Logó
Az EAP Workshop logó minden workshop felület jellegzetes jegye — címdiák, szekcióelválasztók, a workshop lista és ez az arculati kézikönyv. Az EAP Online alkmárkája, és kizárólag workshop-jellegű anyagokon használjuk.
Felépítés
- Szövegbuborék. Kör alakú buborék, jobb felső sarkában háromszögletű farokkal — a párbeszéd és a csere jele, minden workshop szíve.
- Két egymásba kapcsolódó fogaskerék. Egy nagy, egy kicsi, tömör fehérrel — a működés, a gondolkodásmód és a jóllét belső mechanizmusát jelképezi.
- EAPWORKSHOP szóvédjegy. Calibri Bold, csupa nagybetű, szoros betűközzel. A szóvédjegy a buborék felett, vízszintes elrendezésben.
Alapszínek
A logó kizárólag két alapszínt használ — bordót és kéket — a jelen és a szóvédjegyen.
Bordó
#A3308A
Kék
#1000C3
Egyszínű változat: Amikor csak egy szín áll rendelkezésre (egyszínű nyomtatás, hímzés, favicon), használd a brand kék #1000C3 színt.
Változatok
Színes
Alapértelmezett. Fehér, brand cloud (#FAFAFC) és világos pasztell felületeken használd, erős kontraszttal.
Fehér (negatív)
A brand gradiensen, mély eggplant, charcoal háttéren és fotókon használd — de csak ott, ahol a kontraszt elegendő.
Védőtér és minimális méret
Mindig hagyj a logó körül a nagy fogaskerék magasságával egyenlő szabad területet. Soha ne szorítsd szöveghez, élhez vagy képhez.
Védőtér = fogaskerék magassága minden oldalon
32px · min48px72px Hol használjuk
- Workshop prezentáció címdiáin
- Szekcióelválasztó diákon
- Diák láblécében kis méretben
- Workshop lista kártyákon a /workshops oldalon
- Ennek az arculati kézikönyvnek a fejlécében
- Megosztott workshop linkek előnézetein
Hol ne használjuk
- Az EAP Online főoldalának hero-jában (az EAP Online kizárólagos felülete)
- Átszínezve, torzítva vagy elforgatva
- Zsúfolt fotón scrim nélkül
- 32 px magasság alatti méretben
- Konkurens logó mellett egyértelmű elválasztás nélkül
02 · A paletta
Színek
Minden itt dokumentált tömör szín és színátmenet közvetlenül a forrás PDF-ből származik. Semmi nincs kitalálva — csak az kerül katalógusba, ami a workshop prezentációban tényleg ott van.
A. Felületek
Hátterek, amelyekre a tartalom kerül. Két tömör felület, három színátmenetes felület, és — bizonyos esetekben — teljes felületű fotó.
#FFFFFF
Fehér
A tartalmi diák alapértelmezett háttere.
#EAE1FC
Halvány levendula
Lágy felület pasztell pill dobozokhoz és split-screen panelekhez.
Színátmenetes felület
#A3308A → #1000C3
Színátmenetes felület
#6610F2 → #45D0CF
Színátmenetes felület
#FFC107 → #6610F2
IMG
Fotó felület
Teljes felületű fotó szekcióháttérként — mindig sötétítő rétegget párosítva, hogy a szöveg olvasható maradjon.
Háttér-ritmus
Váltogasd a fehér és a színes teljes oldal hátteret, hogy görgetés közben a diák tisztán elkülönüljenek egymástól. Fehér dia után lehetőleg ne jöjjön újabb teljesen fehér hátterű dia — ha az oldalon diagram, színes panel vagy illusztráció van, bátran használd a halvány levendula #EAE1FC felületet alapértelmezett színes opcióként. SZIGORÚ SZABÁLY: két egyforma színes háttér SOHA nem lehet egymás után sem — ha két egymást követő dia ugyanazt a márka színátmenetet (vagy bármely más színes felületet) használná, az egyiket cseréld másik felületre (fehér, levendula vagy más színes opció). A szabály csak a teljes oldalas háttérre vonatkozik; a fotódomináns diák (teljes felületű fotó vagy split-screen képpel) kivételt képeznek, ezek nem számítanak bele a ritmusba.
B. Brand színek
Az öt tömör brand szín. Tipográfiához, kiemelésekhez, ikonokhoz és a színátmenetek végpontjaiként használjuk.
#A3308A
Bordó
Elsődleges meleg brand szín.
#1000C3
Kék
Elsődleges hideg brand szín.
#6610F2
Ibolya
Másodlagos brand szín, több színátmenet központi horgonya.
#45D0CF
Türkiz
Hideg kiemelő.
#FFC107
Borostyán
Meleg kiemelő.
C. Színátmenetek
Hat két-stop lineáris színátmenet. Címdiákon, szekcióelválasztókon, pill dobozokon és kártyákon használjuk.
- #A3308A →
- #1000C3
- #6610F2 →
- #45D0CF
- #FFC107 →
- #6610F2
- #45D0CF →
- #1000C3
- #A3308A →
- #FFC107
- #45D0CF →
- #FFC107
03 · A hang
Tipográfia
Egyetlen betűtípus viszi az egész EAP Workshop arculatot — a Calibri. Három súly, mindegyikhez dőlt változat, lefedi az összes diát, címet, címkét és törzsszöveget.
A. A betűtípus
Calibri
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & ! ? · — / @
abcdefghijklmnopqrstuvwxyz
0123456789 & ! ? · — / @
Calibri
A Calibri egy humanista talp nélküli betűtípus lágy, lekerekített végződésekkel. Törzsméretben meleg, display méretben éles — pontosan az a hangvétel, amit az EAP Workshop al-márka igényel.
B. Vágások
Hat Calibri vágás van beépítve a projektbe — Light, Regular, Bold, és mindegyik dőlt változata.
Árvíztűrő tükörfúrógép — a fürge barna róka átugorja a lusta kutyát.
Calibri Light
Nagy display sorok csendes felületeken.
300
Árvíztűrő tükörfúrógép — a fürge barna róka átugorja a lusta kutyát.
Calibri Light Italic
Szerkesztői idézetek.
300 · italic
Árvíztűrő tükörfúrógép — a fürge barna róka átugorja a lusta kutyát.
Calibri Regular
Alapértelmezett törzsszöveg és címkék.
400
Árvíztűrő tükörfúrógép — a fürge barna róka átugorja a lusta kutyát.
Calibri Regular Italic
Inline kiemelés és képaláírások.
400 · italic
Árvíztűrő tükörfúrógép — a fürge barna róka átugorja a lusta kutyát.
Calibri Bold
Címek, eyebrow-k, az EAPWORKSHOP szóvédjegy és UI gombok.
700
Árvíztűrő tükörfúrógép — a fürge barna róka átugorja a lusta kutyát.
Calibri Bold Italic
Ritkán — erős inline kiemelés bold címeken belül.
700 · italic
C. Tipográfiai skála
A workshop hub-on és a prezentációkon belül használt skála.
Display
EAP Workshop
H1
Workshopok, amik utaznak.
H2
Egyetlen linken megoszthatók.
H3
Egy közös vizuális nyelv.
Lead
Interaktív, megosztható webinárok egységes EAP Online arculatban.
Body
Minden workshop az EAP Workshop arculatban épül újra — címdiák, elválasztók, törzsrácsok — hogy bármelyik szakértő átadhasson egy linket, és a brand magától vigye.
Small
Újrahasznosítható 28 workshop nyelven.
Eyebrow
EAP Workshop · brand
D. Felsorolási jelek
A teljes 72 diás forrásban egyetlen felsorolási jel szerepel — a kerek, tömör pont — mindig ugyanabban a Calibri súlyban és méretben, mint a sor, amelyhez tartozik.
Tippek a határok meghúzására
- telefon- és internetmentes időszakok
- otthoni iroda, akár csak egy asztal(rész) — fizikai határ
- munkaidő végét lezáró rituálé
- ne csak a munkáról gondolkodj és beszélj — érzelmi határ
Specifikáció
- Jel
- • U+2022 · kerek, tömör pont — az egyetlen engedélyezett felsorolási jel.
- Méret
- Mindig azonos a sorral, amelyhez tartozik — diaméretben jellemzően 22–44 pt 1920×1080-as oldalon.
- Szín
- Világos felületen fekete, sötét vagy színátmenetes háttéren fehér.
- Behúzás
- Egy jel-szélességnyi rés a jel és a szöveg között. A tördelt sorok a szöveg alá igazodnak, nem a jel alá.
- Beágyazás
- Csak egy szint. Ha alpontok kellenének, bontsd két külön listára vagy kártyarácsra.
Soha
Más jelek, dingbatek, nyilak, pipák, valamint számozott/betűzött prefixek nem használhatók felsorolásokban.
◦▪■►▶→✓1.a)
Helyesen
- ✓Calibri minden workshop felületre
- ✓Címek Bold 700-ban
- ✓Törzsszöveg Regular 400-ban
- ✓Light 300 kizárólag nagy display soroknál
- ✓Italic csak kiemelésre vagy idézetre, takarékosan
Nem ajánlott
- ✕Más sans-serif behelyettesítése (Arial, Inter, Helvetica)
- ✕Serif betű bárhol a workshop arculatban
- ✕Glifek nyújtása, sűrítése vagy körvonalazása
- ✕Light használata törzsméretben — elveszti a kontrasztot
- ✕Kettőnél több súly egy bekezdésen belül
04 · Képkezelés
Képkezelés
A fotók három jól elkülönülő szerepet töltenek be a workshop prezentációban. Minden szerephez fix elrendezés, fix scrim-szabály és fix szövegszín tartozik — improvizálni nem szabad. KRITIKUS: a forrás PDF-ből kivágott vagy kimentett képet TILOS újra felhasználni. Minden fotót frissen kell behozni a képkönyvtárból vagy az Unsplash-ről, az adott dia jelentéséhez választva.
A. Split — szöveg + kép
Tippek a határok meghúzására
- telefon- és internetmentes időszakok
- otthoni iroda, akár csak egy asztal(rész)
- munkaidő végét lezáró rituálé
- ne csak a munkáról gondolkodj és beszélj
Tippek a határok meghúzására
- telefon- és internetmentes időszakok
- otthoni iroda, akár csak egy asztal(rész)
- munkaidő végét lezáró rituálé
- ne csak a munkáról gondolkodj és beszélj
Fent: alapeset — szöveg balra, fotó jobbra. Lent: felcserélve — fotó balra, szöveg jobbra. Egymás utáni split diáknál váltogasd.
Headline-os, felsorolásos tartalmi diáknál. A dia pontosan fele-fele arányban oszlik: alapesetben a szöveg balra, a fotó jobbra kerül — de az oldalak felcserélhetők. Ha több ilyen dia követi egymást, váltogasd a fotó oldalát a vizuális ritmusért.
- Mindig 50 / 50 felosztás
- Alapesetben: szöveg balra, fotó jobbra — az oldalak felcserélhetők
- Ha több ilyen dia követi egymást, váltogasd a fotó oldalát
- Cím + max. 3–5 bullet
- Embert, környezetet vagy termékrészletet ábrázoló fotó
- Fekete szöveg fehéren
B. Teleoldalas — fejezetelválasztó
02. fejezet
Mit tehetsz?
Fejezet vagy szekció megnyitásához. A fotó kitölti az egész oldalt élig, a szöveg alatt nincs lekerekített fehér flekk vagy panel.
- A fotó teljes oldalon, élig
- A szöveg alatt nincs fehér scrim vagy lekerekített panel
- A szöveg színe mindig fehér
- Csak olyan fotót használj, amin van elég nyugodt felület a címnek
- Kizárólag fejezet / szekció megnyitóra — nem body tartalomra
C. Háttérkép + halvány scrim
Mindfulness és relaxáció
Az éber tudatot két komponens alkotja: önregulációs figyelem, valamint nyitott, elfogadó orientáció a jelen pillanat felé.
Ha a fotó a dia háttere, de body tartalomnak olvashatónak kell maradnia. A szöveg mögött mindig egy halvány fehér, lekerekített flekk van, hogy tisztán olvasható maradjon.
- A szöveg alatt mindig halvány fehér, lekerekített flekk
- A flekk lekerekítése azonos a többi felületével
- A flekken belül a szöveg színe mindig fekete
- A flekk a dián belül helyezkedik el — nem fut élig
- A flekket tartsd elég keskenyen, hogy a fotó körülötte lélegezni tudjon
Melyiket válaszd
| Mikor | Elrendezés | Scrim | Szövegszín |
|---|---|---|---|
| A Headline + felsorolás, kísérő fotóval | 50 / 50 felosztás — az oldalak felcserélhetők, egymást követő diákon váltakozva | Nincs | Fekete fehéren |
| B Fejezet / szekció megnyitó | Teleoldalas fotó, élig | Nincs | Fehér |
| C Body tartalom fotó háttéren | Teleoldalas fotó + lekerekített flekk benne | Halvány fehér, lekerekített flekk | Fekete |
05 · Diagramok és illusztrációk
Illusztrációk és diagramok
A workshop deck minden diagramja egyedi rajz — de mind ugyanazon a felületen ülnek, ugyanazt a színszabályt követik, és ugyanabból az elemtárból építkeznek. A színátmenet szinte mindig a legerősebb látható elem; a halvány lila felület a második. KRITIKUS: a forrás PDF-ből diagramot, nyilat, kártyát vagy szövegblokkot beilleszteni, kivágni vagy screenshotolni TILOS. Minden diagramot, ábrát és elemet az elemtárból, natívan kell újra felépíteni.
A. Felületek
Az illusztrációs oldalak három felület egyikén ülnek. Csak tiszta 50 / 50-es osztásban keverhetők — soha nem negyedekben vagy esetleges flekkekben.
Fehér
Alapértelmezett illusztrációs háttér — amikor maga a diagram viszi a színt.
#FFFFFF
Halvány lila #EAE1FC
Lágy felület, amely levegőt ad a színátmenetes formáknak. Az illusztrációs rendszer domináns háttere.
#EAE1FC
50 / 50 osztás
Az egyik felén fehér, a másikon #EAE1FC — általában szöveg a fehéren, diagram a liláson. Mindig pontosan félbe vágva, soha nem aszimmetrikusan.
#FFFFFF / #EAE1FC
B. Színszabályok
Két szabály lefedi az összes diagramon szereplő összes formát. Más szín nem megengedett egy illusztráción belül.
Vonalas grafika → csak fekete
Minden vonalként rajzolt elem — tengely, görbe, kapcsoló, pontozott elválasztó, döntési fa — mindig tömör fekete. Soha nem színátmenetes vonal, soha nem márkaszínű vonal.
Kitöltött grafika → csak színátmenet
Minden tele grafika — pill, kártya, buborék, nyíl, sáv — egyetlen márkaszínátmenettel van kitöltve. Soha nem lapos márkaszín, soha nem áttetsző tint.
C. Elemtár
Nyolc újrahasznosítható forma építi fel a deck összes diagramját. Kombinálhatók, de új, kilencediket nem találunk ki.
Stresszreakció
Színátmenetes pill / kártya
Lekerekített téglalap, márkaszínátmenettel kitöltve. Fehér szöveg benne. A munkagép — címkék, kiemelések és rácselemek.
A
Színátmenetes buborék
Kör, márkaszínátmenettel kitöltve. Fehér, középre igazított felirat. Csomópont a koncepciódiagramokon.
inner
Egymásba ágyazott körök
Két koncentrikus színátmenetes buborék — külső és belső — a tartalmazás kifejezésére (pl. fókusz, befolyási kör).
Vonaldiagram
Vékony fekete tengelyek, vékony fekete görbe, fekete tengelyfeliratok. Egy kis színátmenetes pill vagy nyíl ülhet egy horgonypontnál akcentusként.
Folyamatnyíl
A kártyák, állomások, vagy okok és okozatok közötti standard nyíl egy vékony fekete chevron — vízszintes vonal kis chevron heggyel, kb. 2.2 strokeWidth, lekerekített vonalvégekkel. Ez az EGYETLEN megengedett nyíl-stílus a workshop diagramokban. Soha ne használj vastag, kitöltött nyilat, színátmenetes nyilat vagy színes nyílmarkert — ez a szabály felülír mindent, amit forrás PDF-ekben látsz.
Összehasonlító sáv
Vízszintes kapszula a meleg színátmenettel kitöltve, függőleges fekete pontozott vonallal kettéosztva. Feliratok minden fél felett.
Hálanapló
• Kutatások bizonyítják…
Fejléc + lila panel
Egy színátmenetes pill fejléc ül egy lekerekített lila panel felett, amely sötét törzsszöveget tartalmaz. Egy kis színátmenetes háromszög köti össze őket.
Színátmenetes kártyarács
2 × 3 vagy 3 × 2 mozaik színátmenetes kártyákból, lila felületen. A kártyák a hat márkaszínátmenet között váltogatnak — soha nem ugyanaz a színátmenet kétszer egymás után.
D. Egyforma panelméretek
Amikor színes panelek, kártyák vagy pill-ek egy csoportban jelennek meg, KÖTELEZŐEN azonos szélességűek ÉS azonos magasságúak. Rögzített méretre állítsd, és egymáshoz méretezd őket — soha ne a bennük lévő szöveghez. Az egyenetlen magasság akkor is törött hatást kelt, ha minden más szabály teljesül.
Panel típusok
A workshop diákon két, egymással felcserélhető panel UI használható. Mindkettő ugyanazt a méretszabályt követi — azonos szélesség és azonos magasság a csoporton belül —, de nagyon eltérően olvasódnak. Egy soron belül válassz egyet és tartsd ki; soha ne keverd a kettőt ugyanabban a csoportban.
Kortizol-reakció
A tartós stressz aktiválja a kortizol-kaszkádot — a test az inger megszűnte után is sokáig készenlétben marad.
Teli színátmenetes panel
Teljes felületű márkaszínátmenet, fehér szöveggel. Erőteljes és nagy kontrasztú — akkor használd, ha minden panel egy rövid, címsor-erősségű állítás. Hivatkozás: workshop 10. dia.
Egyszerű gyakorlat
- Ülj nyugodtan, csukd be a szemed
- Lélegezz be 4 mp, tartsd bent 4 mp
- Lélegezz ki 6 mp
- Ismételd meg 4–6-szor
Fejléc + lila panel
Egy színátmenetes pill fejléc ül egy lila felületű test tetején, amely sötét bullet szöveget tartalmaz. Akkor használd, ha minden panel több sort vagy rövid felsorolást visz. Hivatkozás: workshop 18. dia.
Három panel egy sorban (pl. workshop 10. dia)
Hibás — szöveghez méretezve
Mindegyik panel a saját szövegéhez igazodik, így a magasságok és szélességek szétcsúsznak. A rács akkor is törött hatást kelt, ha minden panel arculathű.
Helyes — egymáshoz rögzítve
Azonos szélesség, azonos magasság az egész csoportban. A szöveghosszok különbözhetnek, de a dobozok merevek — a szem tiszta rácsot olvas.
Négy kártya rácsban (pl. workshop 18. dia)
Hibás — szöveghez méretezve
Mindegyik panel a saját szövegéhez igazodik, így a magasságok és szélességek szétcsúsznak. A rács akkor is törött hatást kelt, ha minden panel arculathű.
Helyes — egymáshoz rögzítve
Azonos szélesség, azonos magasság az egész csoportban. A szöveghosszok különbözhetnek, de a dobozok merevek — a szem tiszta rácsot olvas.
E. Szabályok
Csináld
- Használj fehér, #EAE1FC, vagy tiszta 50 / 50-es osztott felületet
- Tartsd minden vonalat és tengelyt tömör feketének
- Tölts ki minden formát a hat márkaszínátmenet egyikével
- Variáld, melyik színátmenet melyik formára kerül — ne legyen egyetlen színátmenet az egész oldalon
- Hagyd, hogy a lila háttér vigye a vizuális súlyt
- Egy csoporton belül a színes paneleknek MINDIG azonos szélességűnek ÉS azonos magasságúnak kell lenniük — rögzített méretre állítsd őket, egymáshoz méretezd, soha ne a bennük lévő szöveghez
Ne csináld
- Ne használj a fehéren és a #EAE1FC-n kívül más háttérszínt
- Ne húzz görbét vagy tengelyt márkaszínnel vagy színátmenettel
- Ne tölts ki formát lapos márkaszínnel (használj színátmenetet)
- Ne oszd a hátteret negyedekre vagy aszimmetrikus flekkekre
- Ne tegyél fotót diagram mögé — illusztráció és fotó soha nem osztozik egy oldalon
- Ne méretezd a paneleket a szövegük tartalmához — az egyenetlen magasság törött hatást kelt
F. Ikonok
Ikon ritkán szerepel a workshop deckben — de amikor mégis, ugyanazt a logikát követi, mint a vonalas illusztrációk. Tisztán kontúr, fekete vagy márkaszínátmenet, soha nem kitöltött.
Egy könyvtár: lucide-react
Minden ikon a lucide-react könyvtárból jön. Már be van építve a projektbe, és tiszta, geometrikus vonalas ikonokat ad, amelyek illeszkednek az illusztrációs rendszerhez. Ne keverj bele Font Awesome-ot, Material Iconst, emojit vagy kézzel rajzolt SVG-t.
lucide-react
Megjelenés
Az ikonok vonalas grafikák — így a vonalas színszabályt követik: tömör fekete fehéren vagy lila felületen. A márkaszínátmenet csak kontúrként (SVG linearGradient stroke) megengedett, kitöltésként soha.
- strokeWidth · 1,6 (egységesen a teljes deckben)
- size · 20–32 px szövegben, 40–56 px hero ikonként
- color · Alapból #000000, vagy url(#brand-gradient) az akcentus ikonoknál
Fekete fehéren
Színátmenetes kontúr a #EAE1FC-n
Ikonok — Csináld
- Minden ikont a lucide-react-ből használj
- Tartsd a strokeWidth-et 1,6-on az egész deckben
- Színezd az ikonokat tömör feketére, vagy márkaszínátmenetes kontúrral
- Ikont mindig címkével párosíts — soha ne legyen önmagában kontroll
- Méretezd az ikont a körülötte lévő szöveghez vagy pillhez
Ikonok — Ne csináld
- Ne keverj más könyvtárból származó ikont (Font Awesome, Material, emoji)
- Ne tölts ki ikont tömör márkaszínnel
- Ne tegyél rá árnyékot, glow-t vagy 3D effektet
- Ne használj több színű vagy szkeumorfikus ikont
- Ne méretezz egyetlen ikont arányaiból kibillentve a többihez képest
Slide archetypes
The 17 layouts (plus surface and flip variants) available in the shared SlideRenderer. When rebuilding a slide from a source PDF, find the visually closest preview below, copy its id into the slide JSON, then fill in the content fields.
Cover gradient
cover-gradientBrand-gradient title slide with eyebrow + subtitle.
Dark photo title
dark-photo-titleFull-bleed photo + bold title, white text on dark scrim.
Intro paragraphs
intro-paragraphsTwo-column intro: prose on the left, supporting photo on the right.
Intro paragraphs (flipped)
intro-paragraphsSame layout, photo on the left — set flip: true in the JSON.
Split bullets + photo
split-bullets-photoTitle + bulleted list paired with a supporting photo.
Split bullets + photo (flipped)
split-bullets-photoPhoto on the left, bullets on the right — set flip: true.
Split two-column + photo
split-twocol-photoTwo sub-headings each with their own bullets, plus a photo.
Split two-column + photo (flipped)
split-twocol-photoPhoto on the left, columns on the right — set flip: true.
Photo overlay bullets
photo-overlay-bulletsFrosted glass card with bullets floating over a full-bleed photo.
Photo overlay quote
photo-overlay-quoteLarge pull quote inside a frosted card over a photo.
Tri-bubble panels
tri-bubble-panelsThree gradient bubble panels, with an optional closing bubble. RULE: every panel must use a visually distinct gradient (e.g. g1 / g3 / g6) — never repeat the same gradient on two panels unless the source PDF explicitly shows them identical.
Tri-bubble panels (lavender)
tri-bubble-panelsSame layout on pale lavender — set surface: "lavender". Same gradient rule: every panel uses a distinct gradient.
Two-column gradient headers
two-column-gradient-headersTwo columns with gradient header strips over pastel bullet panels.
Two-column gradient headers (lavender)
two-column-gradient-headersSame layout on pale lavender — set surface: "lavender".
Photo + multi scrim
photo-multi-scrimPhoto with a strong dark scrim, title + multiple text blocks.
Text-only bullets (lavender)
text-only-bulletsTitle + intro + bullets on a solid surface, no photo.
Text-only bullets (white)
text-only-bulletsSame layout on white — omit surface or set surface: "white".
Text-only quote
text-only-quoteLarge centered quote on a solid surface, optional attribution.
Text-only quote (gradient 1)
text-only-quoteQuote on official gradient g1, white text — set surface: "gradient", gradientIndex: 0.
Text-only quote (gradient 2)
text-only-quoteQuote on official gradient g2, white text — set surface: "gradient", gradientIndex: 1.
Text-only quote (gradient 3)
text-only-quoteQuote on official gradient g3, white text — set surface: "gradient", gradientIndex: 2.
Text-only quote (gradient 4)
text-only-quoteQuote on official gradient g4, white text — set surface: "gradient", gradientIndex: 3.
Text-only quote (gradient 5)
text-only-quoteQuote on official gradient g5, white text — set surface: "gradient", gradientIndex: 4.
Stage cards + arrow
stage-cards-arrowHorizontal sequence of stage cards joined by thin black chevrons.
Term + definition rows
term-definition-rowsGlossary-style rows: bold term on the left, definition on the right.
Cause → effect cards (lavender)
cause-effect-cardsPairs of cards joined by an arrow — cause on the left, effect on the right.
Cause → effect cards (white)
cause-effect-cardsSame layout on white — set surface: "white".
Card grid 2×2 (lavender)
card-grid-2x2Four equal cards in a 2×2 grid with optional headings.
Card grid 2×2 (white)
card-grid-2x2Same grid on white — set surface: "white".
Card grid 3×2 (gradient cards)
card-grid-2x3Six equal gradient cards in a 3×2 grid on a lavender (default) or white surface. Each card cycles through the six official brand gradients, so the slide showcases the full palette in one view. Use for short label sets (themes, dimensions, factors) where each item is one short phrase.
Numbered factor card
numbered-factor-cardLavender slide with three white rounded cards in a 2-column grid: numbered title card (top-left), intro/why card (bottom-left), and a full-height Példa/Kérdés card (right). Use for numbered enumerations where each item has a why + example + reflective question.
06 · A lezárás
Záró oldal
Minden EAP Workshop anyag egyetlen fix, nem szerkeszthető záró oldallal végződik. Cián fotós háttéren három, kéz által tartott sárga korong — QR-kód, szomorú smiley, mosolygó smiley — hívja visszajelzésre a résztvevőket. Az EAP Webinar anyagokhoz NEM tartozik ez az oldal.
Oszd meg velünk a véleményedet a workshopról!
www.workshop.24eap.com
Felület
Teljes méretű fotó cián háttéren. Nincs színátmenet, nincs panel — maga a fotó a dia.
Vizuális elem
Három, kéz által tartott sárga korong egy sorban: QR-kód, szomorú smiley, mosolygó smiley. A kezek alulról nyúlnak be a képbe.
Szöveg
Headline Calibri Bolddal, fehéren, középre rendezve, a felső harmadban, ahol a cián ég üresen marad. Tartalmazza a felhívást és a www.workshop.24eap.com URL-t — nyelvenként lefordítva.
Workshop — kötelező
Minden workshop anyag ezzel a QR-kódos záró oldallal végződik. Automatikusan kerül a végére, és nem vehető le.
Webinar — másik záró oldal
A webinar anyagok SOHA nem használják a QR-oldalt. Helyette egy külön „Thank you for your attention!” záró oldal kerül a végükre a márka színátmenetes hátterén — nagy fehér headline, WebinarLogo bal felül, copyright sor alul. Ez az oldal automatikusan kerül a végére, és ez az egyetlen érvényes webinar-zárás.