Tmavý pruh s nadpisem image-page-header · light
Tmavý pruh přes celou šířku okna místo hero: dekorativní značková grafika na pozadí, žlutá linka 40 × 4 a pod ní titulek 40 Regular, jehož zvýrazněná část (<strong>) je žlutá. Hlavička webu leží přes pruh stejně jako přes hero — stránka, kde je blok první sekcí, dostane body.has-hero sama (layouts/base.njk). Pozadí je dekorace (alt=""), bez něj zůstane tmavý přechod. Výška vychází z tokenů (305 na mobilu až 500 na XL) a s delším titulkem roste. Volitelné contacts[] ({ type: hours | phone | email, value }) přidají vpravo sloupec bílých pilulek se žlutou ikonou — telefon jako odkaz tel:, e-mail mailto:, otevírací doba prostý text; od 1024 vedle titulku, pod tím pod ním. Drobečky, perex ani tlačítko blok nemá; pozadí je vždy tmavé, settings.background se ignoruje.
Pro integrátora: Stránka začínající tímto blokem má na <body> třídu has-hero — hlavička webu leží přes tmavý pruh.
Zdroj: src/_includes/blocks/image-page-header/
Varianta „default“
Loga a fotografie
vedení společnosti
Vzorová data (JSON)
{
"title": "Loga a fotografie\n<strong>vedení společnosti</strong>",
"media": {
"image": {
"src": "/assets/images/photos/page-header-navy-2560.jpg",
"srcset": "/assets/images/photos/page-header-navy-768.jpg 768w, /assets/images/photos/page-header-navy-1280.jpg 1280w, /assets/images/photos/page-header-navy-1920.jpg 1920w, /assets/images/photos/page-header-navy-2560.jpg 2560w",
"webpSrcset": "/assets/images/photos/page-header-navy-768.webp 768w, /assets/images/photos/page-header-navy-1280.webp 1280w, /assets/images/photos/page-header-navy-1920.webp 1920w, /assets/images/photos/page-header-navy-2560.webp 2560w",
"sizes": "100vw",
"alt": "",
"width": 2560,
"height": 500
}
}
}
Varianta „magazin“
Magazín
2027
Vzorová data (JSON)
{
"title": "Magazín\n<strong>2027</strong>",
"media": {
"image": {
"src": "/assets/images/photos/page-header-navy-2560.jpg",
"srcset": "/assets/images/photos/page-header-navy-768.jpg 768w, /assets/images/photos/page-header-navy-1280.jpg 1280w, /assets/images/photos/page-header-navy-1920.jpg 1920w, /assets/images/photos/page-header-navy-2560.jpg 2560w",
"webpSrcset": "/assets/images/photos/page-header-navy-768.webp 768w, /assets/images/photos/page-header-navy-1280.webp 1280w, /assets/images/photos/page-header-navy-1920.webp 1920w, /assets/images/photos/page-header-navy-2560.webp 2560w",
"sizes": "100vw",
"alt": "",
"width": 2560,
"height": 500
}
}
}
Varianta „fotografie“
Fotografie
a vizualizace projektů
Vzorová data (JSON)
{
"title": "Fotografie\n<strong>a vizualizace projektů</strong>",
"media": {
"image": {
"src": "/assets/images/photos/page-header-navy-2560.jpg",
"srcset": "/assets/images/photos/page-header-navy-768.jpg 768w, /assets/images/photos/page-header-navy-1280.jpg 1280w, /assets/images/photos/page-header-navy-1920.jpg 1920w, /assets/images/photos/page-header-navy-2560.jpg 2560w",
"webpSrcset": "/assets/images/photos/page-header-navy-768.webp 768w, /assets/images/photos/page-header-navy-1280.webp 1280w, /assets/images/photos/page-header-navy-1920.webp 1920w, /assets/images/photos/page-header-navy-2560.webp 2560w",
"sizes": "100vw",
"alt": "",
"width": 2560,
"height": 500
}
}
}
Varianta „fotografie-detail“
Rezidence Parková čtvrť
– fotografie a vizualizace
Vzorová data (JSON)
{
"title": "<strong>Rezidence Parková čtvrť</strong>\n– fotografie a vizualizace",
"media": {
"image": {
"src": "/assets/images/photos/page-header-navy-2560.jpg",
"srcset": "/assets/images/photos/page-header-navy-768.jpg 768w, /assets/images/photos/page-header-navy-1280.jpg 1280w, /assets/images/photos/page-header-navy-1920.jpg 1920w, /assets/images/photos/page-header-navy-2560.jpg 2560w",
"webpSrcset": "/assets/images/photos/page-header-navy-768.webp 768w, /assets/images/photos/page-header-navy-1280.webp 1280w, /assets/images/photos/page-header-navy-1920.webp 1920w, /assets/images/photos/page-header-navy-2560.webp 2560w",
"sizes": "100vw",
"alt": "",
"width": 2560,
"height": 500
}
}
}
Varianta „no-image“
Pruh bez obrázku
spadne na tmavý přechod
Vzorová data (JSON)
{
"title": "Pruh bez obrázku\n<strong>spadne na tmavý přechod</strong>"
}
Varianta „single-line“
Pro média
Vzorová data (JSON)
{
"title": "Pro média",
"media": {
"image": {
"src": "/assets/images/photos/page-header-navy-2560.jpg",
"srcset": "/assets/images/photos/page-header-navy-768.jpg 768w, /assets/images/photos/page-header-navy-1280.jpg 1280w, /assets/images/photos/page-header-navy-1920.jpg 1920w, /assets/images/photos/page-header-navy-2560.jpg 2560w",
"webpSrcset": "/assets/images/photos/page-header-navy-768.webp 768w, /assets/images/photos/page-header-navy-1280.webp 1280w, /assets/images/photos/page-header-navy-1920.webp 1920w, /assets/images/photos/page-header-navy-2560.webp 2560w",
"sizes": "100vw",
"alt": "",
"width": 2560,
"height": 500
}
}
}
Varianta „long“
Loga, fotografie vedení společnosti a mediální podklady
ke stažení pro novináře a mediální partnery
Vzorová data (JSON)
{
"tag": "h2",
"title": "Loga, fotografie vedení společnosti a mediální podklady\n<strong>ke stažení pro novináře a mediální partnery</strong>",
"media": {
"image": {
"src": "/assets/images/photos/page-header-navy-2560.jpg",
"srcset": "/assets/images/photos/page-header-navy-768.jpg 768w, /assets/images/photos/page-header-navy-1280.jpg 1280w, /assets/images/photos/page-header-navy-1920.jpg 1920w, /assets/images/photos/page-header-navy-2560.jpg 2560w",
"webpSrcset": "/assets/images/photos/page-header-navy-768.webp 768w, /assets/images/photos/page-header-navy-1280.webp 1280w, /assets/images/photos/page-header-navy-1920.webp 1920w, /assets/images/photos/page-header-navy-2560.webp 2560w",
"sizes": "100vw",
"alt": "",
"width": 2560,
"height": 500
}
}
}
Varianta „kontakty“
Hlavní kontakty
a sídlo firmy
- PO–PÁ: 8–19 hod.
- Zavolat na 226 222 222
-
info
@central-group.cz
Vzorová data (JSON)
{
"title": "Hlavní kontakty\n<strong>a sídlo firmy</strong>",
"media": {
"image": {
"src": "/assets/images/photos/page-header-navy-2560.jpg",
"srcset": "/assets/images/photos/page-header-navy-768.jpg 768w, /assets/images/photos/page-header-navy-1280.jpg 1280w, /assets/images/photos/page-header-navy-1920.jpg 1920w, /assets/images/photos/page-header-navy-2560.jpg 2560w",
"webpSrcset": "/assets/images/photos/page-header-navy-768.webp 768w, /assets/images/photos/page-header-navy-1280.webp 1280w, /assets/images/photos/page-header-navy-1920.webp 1920w, /assets/images/photos/page-header-navy-2560.webp 2560w",
"sizes": "100vw",
"alt": "",
"width": 2560,
"height": 500
}
},
"contacts": [
{
"type": "hours",
"value": "PO–PÁ: 8–19 hod."
},
{
"type": "phone",
"value": "226 222 222"
},
{
"type": "email",
"value": "info@central-group.cz"
}
]
}
Varianta „contacts-edge“
Pruh bez obrázku
s neúplnými kontakty
Vzorová data (JSON)
{
"title": "Pruh bez obrázku\n<strong>s neúplnými kontakty</strong>",
"contacts": [
{
"type": "fax",
"value": "226 222 223"
},
{
"type": "phone",
"value": " "
},
{
"type": "phone",
"value": "+420 226 222 222"
},
{
"type": "phone",
"value": 226222223
},
{
"type": "email",
"value": "klientske.centrum.empiria@central-group.cz"
}
]
}
Varianta „empty“
Vzorová data (JSON)
{}