Yvonne Birkel - Soul & Mind Coaching

Style Guide

Letzte Aktualisierung: 14.06.2021

Colors

Im ersten Teil des Styleguides findest Du die Farbpalette, die für das Layout Deiner Website verwendet wird. Die Palette ist in der Standardfarbpalette in Ihren Divi-Designoptionen hinterlegt.

Teal Green
CMYK 87/44/51/21
RGB  1/99/102
HEX #016366

Jade Green
CMYK 54/18/36/0
RGB 133/176/166
HEX #85B0A6

Blush
CMYK 13/16/14/0
RGB 227/216/212
HEX #E3D8D4
White
CMYK 0/0/0/0
RGB 255/255/255
HEX #FFFFFF
Dark Grey
CMYK 79/61/49/50
RGB 50/62/72
HEX #323E48
Misty Lilac
CMYK 28/29/19/0
RGB 194/181/188
HEX #C2B5BC
Light Jade
CMYK 19/7/14/0
RGB 216/225/220
HEX #D8E1DC
Snow White
CMYK 4/4/5/0
RGB 247/244/241
HEX #F7F4F1

Visuals

Im zweiten Teil dieses Styleguides werden einige der Grafiken beschrieben, die im Layout verwendet werden.

Text Styles

In diesem Teil des Styleguides findest Du die verschiedenen Textstile, die im gesamten Layout verwendet werden. Es gibt eine separate Vorgabe für jeden Überschriftenstil und eine globale Vorgabe mit allen Textstilen in einem.

Heading 1

Heading 1

Heading 2

Heading 2

HEADING 3

Heading 3

Heading 4

Heading 4

Body Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Buttons

Hier findest Du die Schaltflächen, die im Layout verwendet werden.

Button 1

Button 2

Blurbs

Als Nächstes haben wir einige Teaser-Module, die im Layout häufiger verwendet werden.

Blurb 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

Name

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

Name

Fotografin

Blurb 2

Themen Headline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

Hier steht ein Text Link

Themen Headline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

Hier steht ein Text Link

Other modules

Zu guter Letzt teilen wir noch andere Moduldesigns, die im Layout verwendet werden.

E-Mail optin form

KONTAKT FORM

Kontakt

Slider

“Nulla quis lorem ut libero malesuada feugiat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.”

Robert Smith – CEO, Extra Space

“Vivamus suscipit tortor eget felis porttitor volutpat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Proin eget tortor risus.”

Robert Smith – CEO, Extra Space

“Cras ultricies ligula sed magna dictum porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Donec velit neque, auctor sit amet aliquam vel."

Robert Smith – CEO, Extra Space

Social Media Follow