Feature 1
Kurze einzeilige Beschreibung der Funktion.
🧪 Debug-Build — alle Blöcke auf einer SeiteTour starten
Alle Komponenten
Alle Blöcke, alle Varianten — eine Seite.
Rendern, bearbeiten, scrollen. Jeder Abschnitt unten zeigt einen anderen Block; mehr-Layout-Blöcke erscheinen mehrfach, damit Sie Varianten direkt vergleichen.
So lesen Sie diese Seite
Jeder Block hat einen stabilen anchor, um per URL-Fragment zu springen. Im Edit-Modus (?editmode=1) können Sie jeden Block live bearbeiten und sofort sehen, ohne speichern zu müssen.
- Mehr-Varianten-Blöcke: gallery, portfolio, news, featureGrid, hero, banner, serviceDescription
- Einzelne Variante: faq, team, timeline, contact, openingHours, locations, priceList, stats, logoCloud, cta, media, richText, testimonials
Nutzen Sie die obere Navigation zum Springen.
Hero · Standard
Standard-Hero mit Medien rechts
Gleiche Komponente, ohne `fullbleed`; Ausrichtung links, Medien inline.
Leistung · Medien rechts
Leistungsbeschreibung mit Punkten und CTA
Lange Beschreibung in Rich Text — Punkte als typisierte Liste mit Häkchen.
- Punkt nur mit Label
- Punkt mit BeschreibungInline-Sekundärtext gibt mehr Kontext.
- Dritter Punkt
Leistung · Medien links
Gleicher Block, mediaPosition=left, ohne Punkte
Demonstriert das gespiegelte Layout für bildgeführte Inhalte.
Kursiv, fett und inline-Code werden via Markdown gerendert.
Feature-Grid · 3 Spalten
Drei Spalten mit Hero-Bildern
Sechs Features — mit image wird ein Hero-Bild gezeigt; sonst ein nummeriertes Badge.
Feature 2
Kurze einzeilige Beschreibung der Funktion.
Feature 3
Kurze einzeilige Beschreibung der Funktion.
04
Feature 4
Kurze einzeilige Beschreibung der Funktion.
05
Feature 5
Kurze einzeilige Beschreibung der Funktion.
06
Feature 6
Kurze einzeilige Beschreibung der Funktion.
Feature-Grid · 2 Spalten
Zwei Spalten, Badge-Modus
01
Capability 01
Breitere Spalten passen für längeren Text.
02
Capability 02
Breitere Spalten passen für längeren Text.
03
Capability 03
Breitere Spalten passen für längeren Text.
04
Capability 04
Breitere Spalten passen für längeren Text.
Feature-Grid · 4 Spalten
Vier-Spalten-Grid
01
Item 01
Short caption.
02
Item 02
Short caption.
03
Item 03
Short caption.
04
Item 04
Short caption.
05
Item 05
Short caption.
06
Item 06
Short caption.
07
Item 07
Short caption.
08
Item 08
Short caption.
Stats mit Count-up
20
Block-Typen
Alle schema-basiert
99.9%
Verfügbarkeit
Suffix erhalten
3.5
Dezimalwert
Dezimal interpoliert
CHF 1'200
Mit Präfix
Präfix erhalten
Vertrauenspartner
Galerie · Raster
Galerie · Masonry
Galerie · Karussell
Portfolio · grid
Layout = grid. Cards expose cover, year, client, category, location, summary, optional link.
04 Projekte
01
2020Project 01
Wohnbau·Zürich, ZH·Acme AG
Einzeilige Projektzusammenfassung, max. 2-3 Sätze.
02
2021Project 02
Öffentlich·Genève, GE
Einzeilige Projektzusammenfassung, max. 2-3 Sätze.
03
2022Project 03
Gewerbe·Lugano, TI·Acme AG
Einzeilige Projektzusammenfassung, max. 2-3 Sätze.
04
2023Project 04
Denkmal·Bern, BE
Einzeilige Projektzusammenfassung, max. 2-3 Sätze.
Portfolio · masonry
Layout = masonry. Cards expose cover, year, client, category, location, summary, optional link.
04 Projekte
01
2020Project 01
Wohnbau·Zürich, ZH·Acme AG
Einzeilige Projektzusammenfassung, max. 2-3 Sätze.
02
2021Project 02
Öffentlich·Genève, GE
Einzeilige Projektzusammenfassung, max. 2-3 Sätze.
03
2022Project 03
Gewerbe·Lugano, TI·Acme AG
Einzeilige Projektzusammenfassung, max. 2-3 Sätze.
04
2023Project 04
Denkmal·Bern, BE
Einzeilige Projektzusammenfassung, max. 2-3 Sätze.
Portfolio · carousel
Layout = carousel. Cards expose cover, year, client, category, location, summary, optional link.
04 Projekte
01
2020Project 01
Wohnbau·Zürich, ZH·Acme AG
Einzeilige Projektzusammenfassung, max. 2-3 Sätze.
02
2021Project 02
Öffentlich·Genève, GE
Einzeilige Projektzusammenfassung, max. 2-3 Sätze.
03
2022Project 03
Gewerbe·Lugano, TI·Acme AG
Einzeilige Projektzusammenfassung, max. 2-3 Sätze.
04
2023Project 04
Denkmal·Bern, BE
Einzeilige Projektzusammenfassung, max. 2-3 Sätze.
Testimonials mit Sternen + Avataren
Fünf Sterne durchgehend — schnell, scharf, aufmerksam.
Marie L.Direktorin · Acme AG
Drei Sterne — solide Ausführung, einige Details fehlen.
Jean DupontArchitekt
Keine Bewertung, kein Avatar — minimal.
Sara Bianchi
Team
Laura Rossi
Partner-ArchitektinShort biography. Italic accents and bold allowed.
Antoine Favre
ProjektleitungShort biography. Italic accents and bold allowed.
Sara Müller
Senior-ArchitektinShort biography. Italic accents and bold allowed.
David Berger
Studio-LeitungShort biography. Italic accents and bold allowed.
Meilensteine
- 2008
Gegründet
Erster Auftrag.
- 2015
First award
Auszeichnung im Wohnbau.
- 2020
Second studio opens
Büro Lugano.
- 2024
50th project
Preisliste — Kategorien mit Varianten
Drei Kategorien: Stundentarife (mit Einheiten + 'ab'), Restaurant-Menü (mit Allergenen + Tags), Paket-Services (mit Bildern).
Schnellservice
Inspection + minor adjustments.
abCHF 85.00/Std.
Full diagnostic
CHF 120.00/h
Öffnungszeiten
Demonstriert geteilte Schichten, geschlossene Tage, Ausnahmen und den Live-Status.
Reservierung am Wochenende empfohlen.
- MontagGeschlossen
- Dienstag11:30 – 14:0018:00 – 22:30
- Mittwoch11:30 – 14:0018:00 – 22:30
- Donnerstag11:30 – 14:0018:00 – 22:30
- Freitag11:30 – 14:0018:00 – 23:00
- Samstag18:00 – 23:00
- SonntagGeschlossen
Ausnahmen
- 1. August 2026Geschlossen · Bundesfeiertag
- 24. Dezember 202611:30–14:30 · Heiligabend — nur Mittag
Standorte
Zwei Standorte. Der erste verweist auf hours-1; der zweite hat kein Foto (Map-Placeholder).
Genf Flagship
GE- Rue de Berne 42, 1201 Genève
Öffnungszeiten
- Montag—
- Dienstag11:30–14:00, 18:00–22:30
- Mittwoch11:30–14:00, 18:00–22:30
- Donnerstag11:30–14:00, 18:00–22:30
- Freitag11:30–14:00, 18:00–23:00
- Samstag18:00–23:00
- Sonntag—
Bahnhofstrasse 7, 8001 Zürich
Zürich Studio
ZH- Bahnhofstrasse 7, 8001 Zürich
News · Raster
21. April 2026launch
Headline 1
One-paragraph excerpt; renders with the date eyebrow and an optional tag badge.
12. März 2026feature
Headline 2
One-paragraph excerpt; renders with the date eyebrow and an optional tag badge.
4. Februar 2026launch
Headline 3
One-paragraph excerpt; renders with the date eyebrow and an optional tag badge.
18. Januar 2026feature
Headline 4
One-paragraph excerpt; renders with the date eyebrow and an optional tag badge.
News · Liste
15. April 2026
List headline 1
Short excerpt rendered alongside the date in list mode.
update
2. März 2026
List headline 2
Short excerpt rendered alongside the date in list mode.
story
10. Januar 2026
List headline 3
Short excerpt rendered alongside the date in list mode.
press
FAQ
Fertig. Sie haben alle Blöcke gesehen.
Über den Picker zur echten Persona zurückkehren, oder Edit-Modus aktivieren.
Kontaktformular — alle Feldtypen
Demonstrates text, email, tel, textarea, select, checkbox.
- Musterstrasse 1 8000 Zürich, Schweiz