assets/css/theme.css → @theme
Celý wireframe nese dvanáct tokenů. Změna vzhledu znamená upravit tento blok, nic jiného.
Inter, jediné písmo v celém webu
Display 5xl, titulky stránek
Display 3xl, section titles
Display xl, card titles
Základní text, velikost pro popisy a delší pasáže.
Body small, meta lines, specification values, captions.
Nejmenší text, popisky a počty.
Mono, references, counts, dimensions
shell / shell-narrow
c('button', ['label' => …, 'variant' => …])
Varianty odpovídají záměru: dark = hlavní akce, accent = obchodní, outline = vedlejší, link = terciární. Ty dvě na tmavém pruhu patří do invertovaných sekcí.
c('image', ['ratio' => '4/3', 'label' => …])
Wireframe neukazuje žádné fotografie. Každý blok uvádí svůj poměr stran a to, co do něj patří.
c('badge', ['label' => …, 'tone' => …])
c('price', ['amount' => 8450000])
Částky jsou vždy uloženy v eurech, money() je převede do měny zvolené v hlavičce.
£7,182,500
£123,250أسبوعياً
السعر عند الطلب
£26.78M
c('rating'), c('avatar'), c('divider')
icon('search', 'size-5')
c('input') · c('select') · c('textarea')
Zadejte platnou e-mailovou adresu.
Odpovídá konkrétní poradce, obvykle týž den.
c('steps', ['items' => …, 'current' => 2])
Používají je stránky účtu. Kroky před aktuálním nesou fajfku, zbytek zůstává prázdný.
c('checkbox') · c('chips') · c('toggle') · c('range')
c('product-card', ['item' => …])
Jeden poměr stran a jedna silueta pro každou kategorii, aby karty v řadě končily v jedné linii.
Šestipokojová rezidence v novorenesančním paláci z roku 1904
£7,182,500
Tři pokoje v barokním domě, prodává majitelka
£2,507,500
Vila na útesu s přístupem k moři a vlastním kotvištěm
£26,775,000
c('feature-card', ['item' => …])
Média vlevo, obsah vpravo. Vede sekci, kterou nese jediná nabídka.
Hlavní patro chráněného novorenesančního paláce v Pařížské, rekonstruované v roce 2021 pod dohledem památkářů. Pětimetrové stropy, původní parkety a terasa na jih.
£7,182,500
c('product-mini', ['item' => …])
Kompaktní řádek pro panely v hlavičce a další úzká místa.
c('product-card', ['layout' => 'row'])
Používá jej seznamové zobrazení na stránkách nabídek a vyhledávací překryv.
Původní čísla, certifikace Classiche
£2,762,500
Dojezdové kilometry, jediný majitel
£1,436,500
c('category-card', ['slug' => …, 'variant' => …])
feature = editoriální dlaždice s textem přes obraz, plain = tenký řádek s ikonou a počtem.
c('seller-card') · c('member-card') · c('blog-card')
Prémiové rezidenční nemovitosti v Praze a Karlových Varech
Řídící partnerka
Josefov a Malá Strana
Senior poradce
Vinohrady a Vršovice
Deset let citlivých rekonstrukcí udělalo z palácových pater v Josefově nejžádanější rezidenční adresy ve střední Evropě.
Původ, úprava a barevný stupeň mění hodnotu kamene o celý řád. Naši odhadci vysvětlují tři řádky, na kterých záleží.
Papíry za sběratelským Ferrari mají cenu jako plech sám. Restaurátor provází inspekcí pro Red Book.
c('section-head', [...])
Vybráno našimi specialisty z nabídek přidaných za posledních čtrnáct dní.
c('usp') · c('stat') · c('quote')
Každý prodávající je zavedený dům nebo poradce. Než zveřejní první nabídku, ověřujeme rejstřík, licenci i reference z oboru.
Provenienci, certifikaci a stav posuzují specialisté na danou kategorii: gemologové, hodináři, lodní znalci.
Nabídky mimo trh vidí pouze registrovaní kupující. Jména, adresy ani částky se nikdy nedostanou do veřejného indexu.
Úschova, vývozní povolení, přeprava i celní odbavení od začátku do konce ve dvaceti šesti jurisdikcích.
Byt našli jedenáct měsíců předtím, než by se dostal na trh. V tom je celá ta služba.
c('spec-list', ['items' => …, 'variant' => …])
c('alert') · c('empty-state') · c('map')
Nabídka mimo trh
Adresu a cenu uvolňujeme jen registrovaným kupujícím.
Your enquiry has been sent to Eliška Nováková.
Vývozní povolení se vyřizuje, dodání mimo EU se může zdržet.
Zkuste rozšířit cenové rozpětí nebo odebrat filtr vybavení.
Přesnou adresu sdělíme po podepsané poptávce.
c('accordion', ['items' => …])
Výpis z rejstříku, živnostenské oprávnění a dvě reference z oboru, obnovované každý rok. Domy, které obnovou neprojdou, z rejstříku pozastavujeme.
Kupujícího nic. Concierge platí prodávající jako součást mandátu k nabídce.
Ano. Nabídky mimo trh ukazují kategorii, region a orientační pásmo, totožnost se sděluje po podepsané poptávce.
c('search-bar', ['variant' => 'hero'|'compact'])
c('filter-bar', ['category' => …, 'variant' => 'hero'|'sticky'])
Sestaveno ze sady filtrů dané kategorie. Hero lišta leží přes hero kategorie, přilepená drží horní okraj stránky výsledků a nese počet, řazení i přepínač zobrazení. Rozsahové filtry se mění na pásma, viz filter_bands().
264 výsledků
<div data-results data-mode="grid|list">
Wrap product cards in <div data-results data-mode="grid">
a přepínač mřížka / seznam v liště filtrů funguje bez dalšího markupu. Obě zobrazení jsou tytéž karty,
pravidla leží na konci theme.css mimo všechny vrstvy, aby přebila utility na kartě.
Živě na stránce výsledků.
c('filter-panel', ['category' => 'cars'])
Panel se generuje z definice filtrů u každé kategorie v data/categories.php. Automobily, nemovitosti, umění i šperky mají vlastní sadu.
c('gallery', ['item' => …, 'layout' => …])
mosaic pro nemovitosti a jachty, stage pro předměty a automobily a pair pro nabídku se dvěma nebo třemi fotografiemi. Bez zadaného rozvržení rozhoduje počet fotografií, takže nabídka se dvěma jich nikdy nevykreslí pět.
c('seller-panel', ['item' => …])
Tři stavy zleva doprava: poradce přiřazený k nabídce, dům, když poradce uveden není, a soukromý prodejce, který je pojmenován, ale nikdy neodkazuje, protože nemá kam.
Eliška Nováková
Řídící partnerka
Mluví EN · CS · DE
Marc Dubois
Vedoucí letecké divize
Mluví FR · EN
Andreas H.
Vídeň, Rakousko
Totožnost i vlastnické právo ověřil MINAUR. Na žádné straně nestojí realitní kancelář: concierge strany představí a povede papírování.
c('timeline') · c('document-list')
Provenience a papíry za nabídkou. Obojí je volitelný klíč na řádku, takže nabídka bez nich sekci prostě nevykreslí.
Dokumenty uvolňujeme registrovaným kupujícím po podepsané poptávce.
c('timeline', ['items' => [['year', 'title', 'text']]])
Stejná komponenta s volitelným klíčem title. Řádek bez něj je jednořádkový, což je každá položka provenience výše; řádek s ním nese titulek nad textem, což potřebuje dráha poradce.
c('inquiry-form', ['seller' => …])
Zeptejte se na piano nobile, domluvte prohlídku nebo si vyžádejte půdorysy.
Referenční číslo MN-RE-1041
Pařížská 24, 110 00 Prague 1
c('hero', ['variant' => 'full'|'editorial'|'plain'])
From Belle Époque apartments to cliff-top villas, vetted, surveyed and represented.
Varianta full je na úvodní stránce a na každé kategorii,
compact vede stránku výsledků
a plain používají textové stránky a tato knihovna.
Both dark variants need meta(['header' => 'transparent']).
c('auth-shell', ['title' => …, 'form' => …])
Celá obrazovka místo bloku, proto je ukázána na místě. Formulář vlevo, tmavý sdělovací sloupec vpravo a vlastní logotyp i právní řádek, protože stránky účtu se vykreslují bez chromu webu.
c('cta-band', [...])
Polovina toho, co umístíme, se na veřejnou stránku nikdy nedostane.