%22%2F%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20rx%3D%22115%22%20fill%3D%22url(%23u-sheen)%22%2F%3E%3Crect%20x%3D%221.5%22%20y%3D%221.5%22%20width%3D%22509%22%20height%3D%22509%22%20rx%3D%22113.5%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%223%22%2F%3E%3Csvg%20x%3D%22128%22%20y%3D%22128%22%20width%3D%22256%22%20height%3D%22256%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20color%3D%22%23fff%22%3E%3Cpath%20d%3D%22M12%2022a1%201%200%200%201%200-20%2010%209%200%200%201%2010%209%205%205%200%200%201-5%205h-2.25a1.75%201.75%200%200%200-1.4%202.8l.3.4a1.75%201.75%200%200%201-1.4%202.8z%22%2F%3E%3Ccircle%20cx%3D%2213.5%22%20cy%3D%226.5%22%20r%3D%22.5%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2217.5%22%20cy%3D%2210.5%22%20r%3D%22.5%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%226.5%22%20cy%3D%2212.5%22%20r%3D%22.5%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%227.5%22%20r%3D%22.5%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E%3C%2Fsvg%3E){kind=small}
Hero
A centred headline over a soft panel, with a call to action.
Editorial
A deep brand bar, a serif wordmark and letterspaced navigation over calm sections. For boutiques and brands that sell a story.
OnlineshopLandingpage
Kopf- und Fußzeile
Auf jeder Seite einer Website mit Editorial, rund um die Komponenten unten.
Content
hero
Hero split
A headline and call to action beside a large image.
Slideshow
Photos that take turns, each with a headline and a line under it, and one pair of buttons.
Cover
A title and a line over a photo — a page's header, or a call to action with buttons.
Page cards
Cards for pages of your website — services, rooms, courses — each with its picture, name and a line about it.
Intro
A large heading, a short paragraph and a row of text links — no panel, no image.
Rich text
A block of formatted text (Markdown).
Banner
A slim promotional strip with an optional link.
Document
Show a PDF inline, with a download link.
Card grid
A heading + a responsive grid of cards (features, categories, steps, reviews…).
Commerce
Product grid
A grid of products from a product list, category, or manual selection.
Catalog
Category list
Catalog navigation — the category tree or a flat list of top-level categories.
Product listing
Products of the selected category, with sorting, view switch, and paging.
Product
Product gallery
The product's images, with thumbnails.
Product name
The product's name, with its article number above it.
Product description
The product's description text.
Product price
The price for the chosen quantity, options and variant.
Quantity and buy button
The quantity stepper, the add-to-cart button and the minimum-order notices.
Product options
The product's options — sizes, materials, finishes.
Price calculator
Options, quantity with its price breaks, the total and the buy button, in one panel.
Price table
Every quantity price of the product's options in one table, with the shopper's current choice highlighted. For reading, not choosing — place it beside a calculator or the options.
Size grid
The size × height grid, for products that have one.
Contact
Contact details
Phones, emails, addresses, opening hours and socials, as cards.
Enquiry
An invitation to get in touch, with email, phone and catalog buttons.
Map
An embedded map. Uses the website's Google Maps link unless you give another.
Blog
Profile
Profile header
Who this is: a label, your name or headline, one line under it, a square photo and a closing line.
List
A heading and a list — as lines, short paragraphs or tags. Rows with a link become links.
Details
A heading and label–value pairs: languages and levels, dates and roles, favourites.
Komplette Seiten
Ganze Seiten, fertig gebaut. Jede ersetzt die Blöcke, die Sie sonst selbst anordnen würden — auf eine Seite gesetzt, haben Sie den Katalog, die Kontaktseite oder die Produktseite, die das Theme mitbringt.
Catalog
The whole catalog: categories, products, sorting and paging.
Contact page
Contact details, opening hours, map and enquiry form in one block.
Theme home page
The theme's own landing page, as a single block.
Theme product page
The theme's own product page: gallery, summary, options and buy button.