Braun Styleguide
Colors
Typography
Headline h1
Headline h2
Headline h3
Headline h4
Headline h5
Headline h6
COPY TEXT Lorem ipsum dolor TEXTLINK sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut abore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
COPY TEXT BOLD Lorem ipsum dolor TEXTLINK sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut abore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
HINT Lorem ipsum dolor TEXTLINK sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut abore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
HINT BOLD Lorem ipsum dolor TEXTLINK sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut abore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
- Item 1
- Item 2
- Item 3
- Item 4
- Item 5
Price
Buttons
Form Elements
Special Select
Products Grid
Address
Mustermannstr. 1
11111 Musterstadt
Deutschland
Icons
Overlays
Off-Canvas
Offcanvas Content
Lorem ipsum dolor TEXTLINK sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut abore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor textlink sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut abore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Product Slider
Logos

tables
xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy |
---|---|---|---|---|---|
xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy |
xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy |
xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy |
xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy |
xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy |
xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy |
xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy |
---|---|---|---|---|---|
xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy |
xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy |
xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy |
xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy |
xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy |
xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy | xyxyxy |
bulma tables
bulma 12 columns
nested clolumns 10 > 12
10 columns centered
Top Categories nested columns
Footer
PL: Gift Card Tile - Dummy
Versandmail: Gift Card Tile - Dummy
Gutscheine |
Im Nachfolgenden finden Sie die digitalen Einlösecodes für Ihre erworbenen Gutscheine. Sie erhalten die Karte(n) ebenfalls gesondert per Post. |
Gutschein 1Wert: 50 € Digitaler Code: |
Gutschein 2Wert: 200 € Digitaler Code: |