Global Presets UI Style Guide

01. Color palette

In this part of the style guide, you can modify each color inside the Text Module’s background settings. Use that same color code inside the Text Module below it to have a written version of the color code too. Use these color codes inside your Divi Theme Builder default color palette afterward.

#BF9649

from labels

#f1efe7

#ad4227

#d67e31

#d9ba80

button hover

#000000

backgrounds

#424241

TEXT

#A6A5A4

unfilled form field

#73726F

#E3E2E2

Borders

02. Text styles

In the second part of this style guide wireframe, you can style your different text types. You’re also provided with a primary, secondary and tertiary option, each of which you can afterwards turn into individual presets.

Primary

Secondary

Tertiary

Heading 1

baldwin city distillery upcoming events headline hold

For Web: Image of ITC Willow headline

Heading 1

For Web: Spectral (Google Font similar to Beaufort)

font-family: ‘Spectral’,Georgia,”Times New Roman”,serif;

Heading 2

Heading 2

Heading 2 class h1

Heading 2 Event Name

Heading 3

Heading 3

Heading 3 sans

Heading 3 event date

Heading 4 & Footer Headers

Heading 4

Heading 4 Footer

Body

Body
font-family: “Raleway”, sans-serif;
font-weight: 400;
font-style: normal;

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.

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

  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum

03. Modules

The last part of this style guide handles some of the most-used modules inside Divi. Here, we’re also providing you with a primary, secondary and tertiary version of each module which you can style and add as a global preset. Feel free to create more alternative designs for each module.

Primary

Secondary

Tertiary

Blurb

CTA

cta event

October 26, 2024

Baldwin City Beer, Wine and Spirits Festival

VISIT OUR TASTING EVENT

2:00 – 5:00 p.m.
Baldwin City, Kansas

cta hours

HOURS

Starting March 9th: Join us for tastings, cocktails, and bottle sales:

Mon–Thu: 1–4 pm
Tastings & Bottle Sales

Fri–Sat: 5–9 pm
Cocktails, Tastings & Bottle Sales

PRIVATE EVENTS

Private events may be booked for corporate meetings, birthdays, anniversaries, and gatherings of 10 or more people by filling out the Event Request Form, or by calling 913.484.4045.

ctacallout

Brandy connoisseur’s tour

For the brandy connoisseur, we invite you to become an integral part of the story of this year’s vintage of micro-distilled Baldwin City Distillery Brandy. Take part in bringing in our single-harvest apple crop. Discover the distinctive characteristics of our vintage cider apples sourced from the U.S., England, France, Japan, and Spain. See how we select, sort, crush, mix, and juice the raw cider apples to develop an exquisite flavor profile. Observe firsthand how small-batch brandy is made in copper still micro-distillation. Learn about the distillation process, the dangers of consuming undesirable elements of alcohol, and brandy aging.

(Available to participants ages 21+.)

Modules

Daryl Kleitz

Daryl Kleitz

Master Distiller

Divider

Social Media Follow

Facebook Feed

Blog