Alapok
A Karrier Portál designrendszer alapvető elemei, amelyek biztosítják az egységes megjelenést minden felületen.
Színpaletta
Színpalettánk az Audi márka színeit követi, kiegészítve specifikus karrier témájú színekkel.
Elsődleges színek
Audi Karrier Piros
Elsődleges CTA-khoz, kiemelésekhez
Audi Red
Audi márkaidentitás, másodlagos elemek
Black
Fő szövegek, címsorok
White
Háttér, kártyák
Szürke árnyalatok
Dark Gray
Másodlagos szövegek
Medium Gray
Leírások, metaadatok
Light Gray
Elválasztók, keret
Állapot színek
Info Blue
Információs állapot
Warning Yellow
Figyelmeztetés, folyamatban
Success Green
Sikeres műveletek
Error Red
Hibaüzenetek
Tipográfia
Az Audi Type betűtípust használjuk elsődleges fontként a Karrier Portálon, fallback fontként pedig a Helvetica Neue / Arial családot.
Címsorok
H1 – 40px / Bold / 48px sormagasság
Építse karrierjét az Audinál
H2 – 32px / Medium / 40px sormagasság
Álláslehetőségek
H3 – 24px / Regular / 32px sormagasság
A mérnöki pozíciók
H4 – 20px / Medium / 28px sormagasság
Szoftverfejlesztés
Szövegtörzs
Body – 16px / Regular / 24px sormagasság
Az Audi Hungaria a győri telephelyen több mint 12.000 munkavállalót foglalkoztat, és a világ legnagyobb motorgyáraként ismert. Vállalatunk innovatív területei vonzó karrierlehetőségeket kínálnak a mérnöki, informatikai és gyártási területeken egyaránt.
Small – 14px / Regular / 20px sormagasság
Csatlakozzon hozzánk, és legyen részese egy inspiráló munkakörnyezetnek, ahol a szakmai fejlődés és az innováció minden nap részévé válik!
Caption – 12px / Medium / 16px sormagasság
Publikálva: 2025. április 10. • Jelentkezési határidő: 2025. május 15.
Rács & térköz
A Karrier Portál egy rugalmas 12 oszlopos rácsrendszert használ, amely biztosítja a tartalmak következetes elrendezését és reszponzivitását.
Rács rendszer
12 oszlopos elrendezés, különböző képernyőméreten eltérő viselkedéssel:
- Mobil: 4 oszlop (320px - 767px)
- Tablet: 8 oszlop (768px - 1023px)
- Desktop: 12 oszlop (1024px+)
Térköz tokenek
4px
Minimális térköz
8px
Kis térköz
16px
Közepes térköz
24px
Standard térköz
32px
Nagy térköz
48px
Extra nagy térköz
Gutter & Container
- Gutter: 16px (mobil), 24px (tablet és desktop)
- Maximális container szélesség: 1280px
- Oldalsó padding: 16px (mobil), 24px (tablet), 32px (desktop)
Árnyékok & rétegek
Az árnyékok a felhasználói felület elemeinek térbeli rétegzését támogatják, segítve a hierarchia vizuális megjelenítését.
Alap
box-shadow: 0 1px 4px rgba(0,0,0,0.05);
Kártyák, panelek alapállapota
Hover
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
Kártyák hover állapota, kiemelt elemek
Lebegő
box-shadow: 0 4px 16px rgba(0,0,0,0.15);
Felugró ablakok, dialógusok, dropdownok
Kerekítések
0px
Nincs kerekítés
4px
Alapértelmezett
8px
Közepes kerekítés
Full
Teljes kerekítés (pill)