Reszponzív Minták

Hatékony megoldások minden képernyőméretre

Reszponzív Navigáció

Alap Navigáció

Átalakuló Navigáció

Tartalom helye - Az oldalsó menü reszponzív módon elcsúszik/eltűnik kisebb képernyőn

Mega Menü

Reszponzív Táblázatok

Horizontális Görgetés

ID Termék neve Kategória Raktáron Egységár Értékelés Státusz Műveletek
#1
Termék Laptop Pro
Elektronika 124 db 299.990 Ft
★★★★ 4.2
Aktív
#2
Termék Vezeték nélküli egér
Kiegészítők 45 db 12.990 Ft
★★★★★ 4.8
Készlethiány
#3
Termék 4K Monitor
Elektronika 18 db 159.990 Ft
★★★★ 4.5
Aktív

Kártya Nézet (mobil optimalizált)

Termék

Laptop Pro

Elektronika
Azonosító #1
Raktáron 124 db
Egységár 299.990 Ft
Értékelés
★★★★ 4.2
Státusz Aktív
Termék

Vezeték nélküli egér

Kiegészítők
Azonosító #2
Raktáron 45 db
Egységár 12.990 Ft
Értékelés
★★★★★ 4.8
Státusz Készlethiány

Lista Nézet (kompakt mobil változat)

Termék
Laptop Pro #1
Aktív
124 db Raktáron
299.990 Ft Egységár
★★★★ 4.2
Értékelés
Termék
Vezeték nélküli egér #2
Készlethiány
45 db Raktáron
12.990 Ft Egységár
★★★★★ 4.8
Értékelés

Reszponzív Média

Reszponzív Képek

16:9 arányú kép
16:9 képarány
4:3 arányú kép
4:3 képarány
1:1 arányú kép
1:1 képarány
Galéria kép
Galéria kép
Galéria kép
Galéria kép
Galéria kép
+3

Reszponzív Videók

Videó előnézet

Bemutató videó

Ismerje meg szolgáltatásainkat

Reszponzív Tipográfia

Címsorok és Alcímek

Főcímsor első szintű

Nagy méretű főcím kiemelésekhez és fontos szekciókhoz

Címsor második szintű

Alszekciók és kisebb tartalmak címeihez

Címsor harmadik szintű

Közepes méretű címsorok tartalmi blokkokhoz

Címsor negyedik szintű

Kisebb tartalmi egységek elkülönítéséhez

Címsor ötödik szintű

Apróbb részletek és listaelemek címeihez

Címsor hatodik szintű

Legkisebb címsor méret a hierarchiában

Szövegtörzsek

Ez egy kiemelt bevezető szöveg, amit általában az oldal vagy szekció elején használunk a tartalom rövid összefoglalására. A betűméret automatikusan igazodik a képernyő méretéhez.

Ez egy normál bekezdés szöveg, amely bemutatja az alapértelmezett betűméretet és sortávolságot. A szöveg könnyen olvasható marad minden képernyőméreten. Az olvashatóság érdekében a sorok hossza és a bekezdések közötti térköz is automatikusan változik.

Ebben a bekezdésben különböző kiemeléseket és hangsúlyokat is bemutatunk. A hivatkozások és egyéb interaktív elemek mérete is a reszponzív tipográfia része.

Ez egy kiemelt idézet vagy fontos gondolat, amely vizuálisan is elkülönül a szövegtörzstől. Az idézet formázása és méretezése is reszponzív módon változik.

- Szerző neve

Rendezett lista példa:

  1. Első szintű listaelem hosszabb szöveggel, hogy látható legyen a sortörés viselkedése
  2. Második szintű listaelem
    1. Beágyazott listaelem első szint
    2. Beágyazott listaelem második szint
  3. Harmadik szintű listaelem

Rendezetlen lista példa:

  • Fontos listaelem kiemelése
    • Részletes információ az első ponthoz
    • További részletek magyarázattal
  • Második főpont a listában
  • Harmadik főpont részletekkel

Tipográfiai Segédosztályok

Nagy méret: Nagyobb méretű szöveg kiemeléshez
Kis méret: Kisebb méretű szöveg másodlagos információkhoz
Kiemelés: Kiemelt fontosságú szövegrész
Halványított: Halványított, másodlagos szöveg
Monospace: Rögzített szélességű betűtípus
Nagybetűs: Nagybetűs szöveg