MAGYEFOT
Stílusútmutató
Színek
Brand (sötétkék)
#1B4A85
oklch(0.422 0.099 251)
Papír / krém
#F9F7F2
oklch(0.977 0.006 92)
Homok (krém sötétebb)
#F3F0E8
oklch(0.952 0.012 92)
Latte
#E2D7C7
#e2d7c7
Brand világos
#3F6798
oklch(0.52 0.09 251)
Szürkéskék
#94A3B8
oklch(0.72 0.035 251)
Háttér / fehér
#FFFFFF
oklch(1 0 0)
Szövegszín
#171717
oklch(0.21 0 0)
Halvány szöveg
#737373
oklch(0.55 0 0)
Keret
#E2E8F0
oklch(0.929 0.013 255.5)
Hiba
#DC2626
oklch(0.577 0.245 27.3)
MFE partner (bronz)
#968467
#968467
Betűtípusok
Aa Őő Űű
Lora (serif)
Címsorok · 400 / 500 / 600 · Google Fonts
Aa Őő Űű
Inter (sans-serif)
Szövegtörzs, menü, gombok · 400 / 500 / 600 · Google Fonts
Címsorok (H1–H6)
H1 címsor – Lorem ipsum dolor
H2 címsor – Lorem ipsum dolor
H3 címsor – Lorem ipsum dolor
H4 címsor – Lorem ipsum dolor
H5 címsor – Lorem ipsum dolor
H6 címsor – Lorem ipsum dolor
Szövegek
Bevezető bekezdés (18 px): Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Sed posuere consectetur est at lobortis.
Alap bekezdés (16 px, sormagasság 1.625): Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Sed posuere consectetur est at lobortis. Félkövér szöveg, dőlt szöveg, szövegközi link, kiemelt, kód, MAGYEFOT, H2O, x2.
Kis szöveg (14 px): Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Sed posuere consectetur est at lobortis.
Felirat / eyebrow (14 px, nagybetűs)
Linkek
Gombok
Felsorolások
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Beágyazott elem
- Beágyazott elem
- Integer posuere erat
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer posuere erat
- Definíció
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Sed posuere consectetur est at lobortis.
Idézet
„Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Sed posuere consectetur est at lobortis.”
Táblázat
| Megnevezés | Dátum | Helyszín | Összeg |
|---|---|---|---|
| Lorem ipsum 1 | 2026. 01. 11. | Budapest | 5000 Ft |
| Lorem ipsum 2 | 2026. 02. 12. | Budapest | 10000 Ft |
| Lorem ipsum 3 | 2026. 03. 13. | Budapest | 15000 Ft |
| Lorem ipsum 4 | 2026. 04. 14. | Budapest | 20000 Ft |
Űrlapelemek
Kártya, figyelmeztetés, elválasztó
Kártya címe
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Sed posuere consectetur est at lobortis.
Megjegyzés
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Sed posuere consectetur est at lobortis.
Lenyitható elem (details)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Sed posuere consectetur est at lobortis.
Lapozó
Alap · aktív (kitöltött) · hover (kék keret) · inaktív (halvány)
Rendszerüzenetek
Sikeres művelet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Sed posuere consectetur est at lobortis.
Információ
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Sed posuere consectetur est at lobortis.
Figyelmeztetés
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Sed posuere consectetur est at lobortis.
Hiba
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Sed posuere consectetur est at lobortis.
Ikonok (kattintásra SVG letöltés)
Lucide ikonkészlet · 24×24 · vonalvastagság 2 · színe a szövegszínt követi.