Click to copy button

test-xyz

HEADLINES

H1 Headline



H2 Headline



H3 Headline



H4 Headline



H5 Headline


H6 Headline

h1 class: "h3 icon-user headline-with-icon"



h2 class:"h6 icon-headline icon-users"



h1 class:"headline-product-name-pdp"



class:"headline-product-name"

h1 class:"h5 head-line"


Text justify centered
Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem IpsumLorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum

TEST for ingredientslisting
Molkeneiweißkonzentrat Instant (enthält EmulgatorSonnenblumenlecithin (70%), Molkeneiweißisolat Instant (enthält Emulgator Sojalecithin) (30%)

Font family and fontSizes

roboto default


xs 12px

s 14px

lead 16px

xl 20px

h3 25px

h2 35px

h1 50px

roboto condensed


xs 12px

s 14px

lead 16px

xl 20px

h3 25px

h2 35px

h1 50px

roboto medium bold


xs 12px

s 14px

lead 16px

xl 20px

h3 25px

h2 40px

h1 50px


Textauszeichnung

class="font-bold"

small tag

class="text-light"


Colors

@brand-main:                    #70B62F;

@brand-main-darken:             #5A9226;

@dark-grey:                        #3c3c3e;

@gray:                        #A3A3A3;

@middle-grey                        #e2e2e2;

@bright-grey:                        #f6f6f6;

@brand-danger:                  #d73228;

@forFree:                       #c73a51;

@brand-info:                    #ffda34;

@appleCinnamon:                 #c27854;

@wildberries:                   #c73a51;

@vanilla:                       #fcf29b;

@choco:                         #795d46;

@teaserSpotBg:                  #bd3c4b;

@buddy-brown:                   #A68163;

@buddy-yellow:                  #eadb86;

@buddy-red:                     #ddacb0;

@buddy-green:                   #7cc98c;

@buddy-beige:                   #f1c69b;

@buddy-pink:                   #cf5c69;

@olive:                         #9bb333;

@raspberry:                     #B87476;

@blue:                     #3faec6;


row class "panel roc": reduced grid for "coach"

roc class roc

Lorem ipsum dolor 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 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.

Grid

c-1
c-1
c-1
c-1
c-1
c-1
c-1
c-1
c-1
c-1
c-1
c-1
col-2
col-2
col-2
col-2
col-2
col-2
col-3
col-3
col-3
col-3
col-4
col-4
col-4
col-6
col-6
col-12