Life Coach Layout Pack

Global Presets UI Style Guide

This global presets style guide is a great way to start a new web design project! Wondering how to turn modules into global presets? For a detailed tutorial on how to use this style guide, click on the link below to be redirected.

01. Color palette

In the first part of the style guide, 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

#ffb356

#becedb

#ccd8e5

#345168
#cdb6a6

#f2f2f2

#f5f5f5

#345168
rgba(255,255,255,0)
#ffd088
#ffb356

02. 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 style guide, 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

Heading 6

Heading 6

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.

List

  • Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
  • Donec sollicitudin molestie malesuada. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Proin eget tortor risus.

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Heading 6

Lorum ipsum dolor sit amet.

  • Quisque velit nisi
Number

$800

Quote Body 1

Hi, I’m Carley! Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Curabitur aliquet quam id dui posuere blandit suscipit.

04. Buttons

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

Button 1

Button 3

Button 4

Button 5

05. Blurbs

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

Blurb 1

Goal Setting

Vestibulum ac diam sit amet quam vehicula elementum sed sit

Blurb 2

Pellentesque in ipsum id orcipibus?

Blurb 3

Pellentesque in ipsum id orcipibus?

Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Nulla quis lorem ut libero malesuada feugiat. Nulla quis lorem ut libero malesuada feugiat.

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.

Toggle 1

More Details

Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Donec sollicitudin molestie malesuada. Vivamus suscipit tortor eget felis porttitor volutpat. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla quis lorem ut libero malesuada feugiat. Donec sollicitudin molestie malesuada. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.

Toggle 2

Donec rutrum congue leo eget malesuada.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Call to Action 1

About Me

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus malesuada nibh quam. A congue ante ultricies sit amet. Maecenas ante mauris, placerat in pretium non, sagittis a leo. Nulla feugiat ipsum facilisis finibus ornare. Donec placerat bibendum purus ac volutpat.

Maecenas ligula nisi, mollis ac nulla et, sagittis lobortis erat. Vestibulum rutrum at quam vitae consectetur. Suspendisse ullamcorper hendrerit turpis, ac cursus eros lacinia at. Donec vitae fermentum ligula. Sed porta ac ante ut maximus. Donec aliquet leo porta, viverra diam ut, accumsan metus.

Call to Action 2

Wellness eBook

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam varius purus nec lobortis vulputate.

Call to Action 3

Personal Life Coaching

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam varius purus nec

Testimonial 1

„Mauris aliquam lobortis eros tincidunt sodales. Vestibulum non quam vitae sapien eleifend varius. Phasellus id metus mauris.“

Email optin form 1

Contact Form 1

Don't Wait Any Longer. Start Today!

Contact form 2

Blog 1

Explicabo labore maxime sint voluptas corrupti

Explicabo labore maxime sint voluptas corrupti

Est aliquid nostrum tempore a dolor dolorem quia quia minus id occaecati neque sunt temporibus qui consequatur ea fugit non et velit distinctio sit enim labore consequatur qui nostrum a culpa repellendus in eius voluptatem et commodi voluptas optio laborum nulla corrupti quod eaque fugit adipisci eos iure.

Nobis accusamus tenetur pariatur quod autem occaecati eaque ut veritatis iusto iusto molestiae quam hic commodi quasi vero corporis optio voluptatum alias assumenda mollitia similique omnis qui sit ratione libero tempora enim possimus sint culpa numquam fugiat sapiente assumenda accusamus dolorem nihil sed error sit necessitatibus similique non molestiae dolorem enim sed quia temporibus pariatur eum beatae aspernatur quis repellat quia a quos ex magni quis quia quos repellendus maiores expedita corrupti placeat eligendi iure non et repudiandae dicta unde et quos atque corporis.

Harum maxime doloribus qui enim suscipit quo voluptate optio voluptatem odio quaerat aut iusto ut fugiat quidem in omnis voluptas deserunt voluptate deserunt non totam et natus est consectetur doloribus molestiae voluptatum est voluptate in corporis deserunt enim et sint natus sint qui nihil voluptatum corporis accusamus impedit autem deserunt quas amet eum voluptates molestiae eligendi officia quas omnis provident voluptatum repudiandae hic reprehenderit voluptas voluptas molestias corrupti ipsum odio impedit et atque eligendi et itaque aut quis minus illo quasi voluptatem commodi reprehenderit quod sed provident.

Quia voluptate est sed sequi velit cupiditate odio dolores vel facere blanditiis corporis voluptatum voluptas eveniet incidunt excepturi fugit sunt vel expedita et iure et a eum iusto nulla sapiente non vel autem magnam ut aspernatur quisquam autem aspernatur ut ratione in nostrum facere eos est autem quod et deleniti recusandae ut soluta sint alias amet ea et sunt delectus similique distinctio porro.

Voluptate sunt asperiores dolor ut assumenda

Voluptate sunt asperiores dolor ut assumenda

Illo dignissimos facere mollitia ea id et quasi unde in laudantium nisi nisi ipsa et commodi quisquam tenetur rem amet expedita id beatae.

Exercitationem est numquam autem asperiores est aliquam iure possimus voluptatibus eligendi odio dolores eos minima ullam officia ut earum consequuntur eum.

Ea quia placeat est impedit dolore nisi ut et id magnam ut voluptatibus et odit consequatur maxime cumque est repellendus quis ut vel veritatis et ea est quia quia quasi eius.

Qui et adipisci eum similique consequuntur quia corporis mollitia maiores delectus quam animi neque harum in qui voluptatem qui nisi repudiandae vitae sint et ipsa qui quaerat numquam alias.

Social media follow 1

Check out the free

Life Coach Layout Pack