Bistro 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

#002d4c
#bd8f52

#dbe1e6

#f2f3f4

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

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

Lorum ipsum dolor sit amet.

  • Quisque velit nisi
Title Combo 1

Blog

News & Events

Title Combo 2

Favorites

What We’re Known For //

Number

11

Menu Title

Brunch

Menu Item
Lorem Ipsum / 10

Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a

04. Buttons

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

Button 1

Button 2

Button 3

Button 5

05. Blurbs

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

Blurb 1

Mitchell West

FOOD CRITIC

Blurb 2

Call Us

(234) 456-6879

Blurb 3

Fresh Ingredients

Donec sollicitudin molestie malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget malesuada.

Blurb 2

Food Reimagined

Donec sollicitudin molestie malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget malesuada.

Blurb 3

Daily menus

Donec sollicitudin molestie malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Donec rutrum congue leo eget malesuada.

View Menus

 

Blurb 7

Call Us

(234) 456-6879

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.

Gallery Image 1
Video 1
Blog 1
Collapse: How Societies Choose to Fail or Succeed

Collapse: How Societies Choose to Fail or Succeed

Collapse: How Societies Choose to Fail or Succeed by Jared Diamond includes four sets of studies. Seven chapters discuss some of the clearest, most familiar, most striking examples of past collapses: the ends of Polynesian societies on Henderson and Pitcairn Islands,...

On the Future: Prospects for Humanity

On the Future: Prospects for Humanity

Renowned scientist and bestselling author Martin Rees argues that humanity’s prospects depend on our taking a very different approach to planning for tomorrow.

Panarchy: Understanding Transformations in Human and Natural Systems

Panarchy: Understanding Transformations in Human and Natural Systems

Panarchy is the structure in which systems, including those of nature (e.g., forests) and of humans (e.g., capitalism), as well as combined human-natural systems (e.g., institutions that govern natural resource use such as the Forest Service), are interlinked in...

Doughnut Economics: Seven Ways to Think Like a 21st-Century Economist

Doughnut Economics: Seven Ways to Think Like a 21st-Century Economist

It is time, says renegade economist Kate Raworth, to revise our economic thinking for the 21st century. In Doughnut Economics, she sets out seven key ways to fundamentally reframe our understanding of what economics is and does. Humanity’s 21st century challenge is to...

Transition Network

Transition Network is a movement of communities coming together to reimagine and rebuild our world. Here we explain what it is, why people do it, how the movement started and give you a sense of our underpinning principles and approach Image from Nicolas Raymond at...

The vision of the Stockholm Resilience Centre is a world where social-ecological systems are understood, governed and managed, to enhance human well-being and the capacity to deal with complexity and change, for the sustainable co-evolution of human civilizations with...

The Change

The Change

For The Children The rising hills, the slopes,of statisticslie before us.The steep climbof everything, going up,up, as we allgo down. In the next centuryor the one beyond that,they say,are valley, pastures,we can meet there in peaceif we make it. To climb these coming...

Email optin form 1

Contact form 1

15 + 10 =

Check out the free

Bistro Layout Pack