# Start Guides

- [Atmos - Demo 1](https://themedocs.zenit.design/start-guides/atmos-demo-1.md): Diese Demo zeichnet sich durch seine globalen Layoutabstände aus, welche den Blick auf ein schräg verlaufendes Hintergrundbild gibt. Das Layout ist minimal und einzeilig.
- [Atmos - Demo 2](https://themedocs.zenit.design/start-guides/atmos-demo-2.md): Diese Demo zeichnet sich durch seine globalen Layoutabstände aus, welche den Blick auf ein gerade verlaufendes Hintergrundbild gibt. Das Layout ist minimal und mehrzeilig.
- [Atmos - Demo 3](https://themedocs.zenit.design/start-guides/atmos-demo-3.md): Diese Demo zeichnet sich durch seinen teiltransparenten Header und sein Dark-layout aus.
- [Atmos - Demo 4](https://themedocs.zenit.design/start-guides/atmos-demo-4.md): Die Demo zeigt ein boxed-Layout. Der Shop ist optisch durch eine maximale Breite begrenzt.
- [Gravity - Demo 1](https://themedocs.zenit.design/start-guides/gravity-demo-1.md): Das Layout ist für große Onlinehops mit einem breiten Sortiment ausgelegt. Die Suche steht im Vordergrund und die Kategorien haben eine eigene Zeile.
- [Gravity - Demo 2](https://themedocs.zenit.design/start-guides/gravity-demo-2.md): Das Layout ist für große Onlinehops mit einem breiten Sortiment ausgelegt. Die Suche steht im Vordergrund und die Kategorien haben eine eigene Zeile.
- [Horizon - Demo 1](https://themedocs.zenit.design/start-guides/horizon-demo-1.md): Das Layout zeichnet sich durch eine schwarze/weiße Farbgebung und seiner markanten Schriftart aus. Hier geben vor allem die Bilder die Farbstimmung vor.
- [Horizon - Demo 2](https://themedocs.zenit.design/start-guides/horizon-demo-2.md): Das Layout zeichnet sich durch seine klaren Schrift und seiner markanten Farbgebung aus. Das Hauptmenü wird als Dropdown ausgegeben.
- [Sphere - Demo 1](https://themedocs.zenit.design/start-guides/sphere-demo-1.md): In dieser Demo liegt der Header auf der Startseite inkl. Hintergrundfarbe auf dem Slider-Element. Der Kontrast zwischen Bild und Header ist durch die Hintergrundfarbe des Headers immer gewahrt.
- [Sphere - Demo 2](https://themedocs.zenit.design/start-guides/sphere-demo-2.md)
- [Stratus - Demo 1](https://themedocs.zenit.design/start-guides/stratus-demo-1.md): Das Minimal Design zeichnet sich durch seine globalen Layoutabstände aus, welche den Onlineshop wie einen Rahmen umgeben.
- [Stratus - Demo 2](https://themedocs.zenit.design/start-guides/stratus-demo-2.md): Sportliches Design für breite Produktsortimente.
- [Stratus - Demo 3](https://themedocs.zenit.design/start-guides/stratus-demo-3.md): Einzeiliger Header mit teiltransparentem Hintergrund.
- [Stratus - Demo 4](https://themedocs.zenit.design/start-guides/stratus-demo-4.md): Minimal Design für Onlineshops mit breitem Soritment. Das Design zeichnet sich durch seine globalen Layoutabstände aus, welche den Onlineshop wie einen Rahmen umgeben.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://themedocs.zenit.design/start-guides.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.