> ## Documentation Index
> Fetch the complete documentation index at: https://docs.attendeum.hu/llms.txt
> Use this file to discover all available pages before exploring further.

# Megjelenés és arculat

![Megjelenés és arculat](https://cdn.attendeum.hu/public/screenshots/dashboard/macbook/admin-branding.png)

Az **arculat** az Attendeum egyik erős eszköze: vele **személyre szabhatod** az **admin felület**, a **webalkalmazás** és a **publikus nézet** megjelenését és élményét, egységes megjelenés felé.

> [!NOTE]
>
> **Márka és résztvevői élmény**
>
> Ha a **téma** és a **logó** (és a többi arculati elem) megfelelően van beállítva, **márkára szabott**, egységes **alkalmazás- és rendezvényélmény** alakítható ki. Ennek a **minősége** nagyban **meghatározza a résztvevői élményt** is: a felismerhetőség és a vizuális összhang hozzájárul ahhoz, mennyire professzionálisnak és átgondoltnak érződik a rendezvény a közönség számára.

## Borítókép

A **borítókép** a **publikus oldal tetején** jelenik meg, és a rendezvény vizuális megnyitását adja.

## Logó

* A beállított **logó** több helyen is megjelenik, többek között az **alkalmazás ikonján** és a felület **ikonjaiban** kapcsolódó nézetekben.
* **Négyzetes**, **jó minőségű PNG** ajánlott.

> [!NOTE]
>
> **Logó és webalkalmazás ikon**
>
> A fenti **logó** ne keveredjen össze a [App beállítások](https://docs.attendeum.hu/arculat/app-beallitasok.md) között feltölthető **címsor-logóval**: az utóbbi kifejezetten a webapp **címsorára** szolgál; a brand **logó** viszont **több felületen** is visszaköszön (publikus, admin, ikonok).

## Téma szín

A **téma szín** határozza meg az egész felület **színvilágát**. A beállított színhez tartozó **árnyalatok** is megjelennek a felület különböző pontjain.

A téma **átfogja** a **webalkalmazást**, a **publikus nézetet** és az **admin** felületet is, így egy helyen állítható összhangba a három felület.

A színválasztóban készen kapott **színsablonok (swatch-ok)** közül is lehet választani, vagy pontosan megadható a szín **hex**, **RGB** vagy **HSL** formátumban, külön beviteli mezőkkel.

A választó alján egy **beépített kontrasztellenőrző** két sorban mutatja meg, hogyan olvasható a választott szín **világos** és **sötét háttéren** (egy-egy mini „Aa” mintával), a kiszámított kontrasztaránnyal (pl. „4.50:1”) és egy minősítéssel:

* **Kiváló**
* **Megfelelő**
* **Gyenge**

> [!TIP]
>
> **Olvashatóság**
>
> Érdemes **közepesen világos** (vagy közepesen sötét) tónust választani, és a beépített kontrasztellenőrző alapján meggyőződni arról, hogy a szövegek **jól olvashatók** mindkét háttéren.

## Képformátum és méret

A feltölthető képek **PNG** vagy **JPEG** formátumúak lehetnek, méretben legfeljebb **5 MB**.

### Kép vágása feltöltés előtt

A borítókép, a logó (és a sötét téma logója), a háttérkép, az app logó és banner, valamint az előadók fotója feltöltésekor megnyílik a **Kép vágása** ablak. Itt a célmérethez (a felület kiírja, hány × hány pixelre vágja) igazíthatod a kivágást: a **Nagyítás** csúszkával nagyíthatsz, majd a **Vágás használata** gombbal feltöltheted a kivágott képet (vagy a **Mégse** gombbal visszaléphetsz).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.