A Digitális Állampolgárság Program (DÁP) arculati elemeinek segítségével egységes, jól megkülönböztethető megjelenést biztosíthatunk a digitális állami szolgáltatásoknak
A DÁP logó felirattal és felirat nélkül, illetve sötét és világos verzióban használható.
Más módosítás nem megengedett!
Logó letöltése
Brand színként két kék árnyalatot használunk.
- Primary: #4258ED
- Primary dark: #3130AB
A brand színeket fekete, törtfehér és fehér színek egészítik ki.
- Black: #1C1F26
- Off-white: #F5F7FA
- White: #FFFFFF
Ha a szolgáltatás jól felismerhető saját márkával rendelkezik – vagy nem indokolt a DÁP brand színeinek használata –, a DÁP Design System segítségével más márkaszín is alkalmazható.
- Teal: #027671
- Azure: #01719D
- Violet: #8445DB
- Yellow: #FFD400
- Sea blue: #01719D
- Salmon: #F98900
Bővebben a design system színeiről
A DÁP betűtípusa az Inter nyílt forráskódú, variable betűtípus. A betűtípust egyedi, olvashatóságot segítő OpenType beállításokkal használjuk.
Betűtípus letöltése
A harmónia és az olvashatóság érdekében a következő hierarchiát ajánljuk.
- Heading 1: Inter Bold / 32px
- Heading 2: Inter Bold / 28px
- Heading 3: Inter Bold / 22px
- Heading 4: Inter Bold / 20px
- Heading 5: Inter Bold / 18px
- Heading 6: Inter Bold / 16px
- Body Large: Inter Medium / 18px
- Body Medium: Inter Medium / 16px
- Body Small: Inter Medium / 14px
Bővebben a design system tipográfiájáról
A felismerhetőség érdekében a weboldalakon és alkalmazásokban a DÁP Design System elsődleges gombját kell használni.
A Primary button a letölthető UI Kit-ben található.
A weboldalak és alkalmazások app ikonjainak és favikonjainak a Digitális Állampolgár mobilalkalmazás ikonjának vizuális megjelenését kell követniük.
A DÁP a Remix nyílt forráskódú ikonkészletet használja.
A leggyakrabban használt ikonok a DÁP Design System UI Kitjében és a webkomponensekben is elérhetőek.
Az Ikonok a letölthető UI Kit-ben találhatók.
A weboldalaknak és alkalmazásoknak vizuálisan hasonló illusztrációkat kell használniuk.
Az új illusztrációknak a Digitális Állampolgár mobilalkalmazás illusztrációs stílusát kell követniük.
Az illusztrációk a következő színeket használják:
- Orange: #F16F32
- Dark blue: #4E0DFF
- Green: #46D085
- Purple: #B199FE
- Light blue: #D9E4FE
A további színeket - például árnyalásra, áttetszőségre - ezekből a színekből kell származtatni.
A digitális állami szolgáltatások és alkalmazások létrehozásához a DÁP Design System használata ajánlott.
A design system a fejlesztés hatókörének és előrehaladottságának függvényében több adaptációs szinten vehető igénybe.
Bővebben a design system adaptációs modelljéről
