# Start Guides

- [Atmos - Demo 1](/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](/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](/start-guides/atmos-demo-3.md): Diese Demo zeichnet sich durch seinen teiltransparenten Header und sein Dark-layout aus.
- [Atmos - Demo 4](/start-guides/atmos-demo-4.md): Die Demo zeigt ein boxed-Layout. Der Shop ist optisch durch eine maximale Breite begrenzt.
- [Gravity - Demo 1](/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](/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](/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](/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](/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](/start-guides/sphere-demo-2.md)
- [Stratus - Demo 1](/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](/start-guides/stratus-demo-2.md): Sportliches Design für breite Produktsortimente.
- [Stratus - Demo 3](/start-guides/stratus-demo-3.md): Einzeiliger Header mit teiltransparentem Hintergrund.
- [Stratus - Demo 4](/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.