Meal Kit Beispiel

User Interface Styleguide

Dieses Beispiel eines digitalen styleguides (Corporate Design Handbuch) eignet sich, um Dienstleister über die Verwendung von Farbe, Font und Logo zu informieren. Grafik- und Bildsprache und Anwendungen im digitalen Bereich.

01. Styleguide Farbpalette

In the first part of the styleguide, you can find the color palette that’s been used for the layout pack. Use these colors inside the default color palette in your Divi Theme Options.

#ffffff

#febd2d

#f6f0e7

#000000

02. Styleguide Visuals

The second part of this style guide shares some of the visuals that are included inside the layout pack. By importing the layout to your Divi Library, these visuals have automatically been added to your media library, ready for you to use.

03. Text styles

In this part of the styleguide, you’ll find the different text styles that were used throughout the layout pack. There’s a separate preset for each heading style and a global preset with all text styles in one.

Heading 1

Heading 1

Heading 2

Heading 2

Heading 3

Heading 3

Heading 4

Heading 4

Body

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.

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

Text Button 1

Recipes

Text Button 2

Learn About Our Recipes

Sub title 1

Starting @ $10 per Serving

Step 1

Step-01

Make the Wrappers

04. Buttons

Here, you’ll find the buttons that have been used in the layout pack. 

Button 2

05. Blurbs

Up next, we have some blurb modules that have been frequently used in the layout pack.

Blurb 1

Custom recipes and cooking Instructions

Adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim.

Blurb 2

Since 2005

Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla quis lorem ut libero malesuada feugiat.

Blurb 4

Unbox Your Ingredients & Recipes

Adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim.

Blurb 5

Seasonal ingredients

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Blurb 6

Healthy Recipes

Blurb 7

Styleguide

Pork Tamales

Adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim.

Blurb 8

Recyclable packaging

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Blurb 9

45min Prep

06. Other modules

Last but not least, we’re sharing other module designs that were used in the layout pack. Upon importing with presets, these have all been added to your preset library. If you didn’t enable the import presets option, you’re able to turn any one of these modules into a global preset.

Slider 1

"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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur"

– Joel Marshall

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jonathan Doe

Search 1

Email optin form 1

Accordion 1

Our Philosphy

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.

Our Mission

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.

Our Vision

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.

Contact form 1

Number Counter 1

Recipes

Social media follow 1