Framework

SCTA Style Guide

Based on 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.

#D6B2E9

#B5B2DD

#B0CFE9

#A8E3F7

#AFE8DF

#F4D9B6

Coolors Palette SCTA Toned 1 Lighter 65 https://coolors.co/d6b2e9-b5b2dd-b0cfe9-a8e3f7-afe8df-f4d9b6

#8633AF

#403B85

#3074AC

#14A9DB

#30A593

#E0922E

Coolors Palette SCTA Toned 1 https://coolors.co/8633af-403b85-3074ac-14a9db-30a593-e0922e

#421957

#201E43

#183A56

#0A556E

#18534A

#764A12

Coolors Palette SCTA Toned 1 Darker 50 https://coolors.co/421957-201e43-183a56-0a556e-18534a-764a12

Links/theme accent hue

#ce821f

#F9F9F9

#e0e0e0

#444444

#000000

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

Heading 1

Heading 1

Heading 1

Heading 2

Heading 2

Heading 2

Heading 2

Heading 3

Heading 3

Heading 3

Heading 3

Heading 4

Heading 4

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.

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
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

  • Lorum Ipsum

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

  • Lorum Ipsum

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

  • 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

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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.

Email optin

Contact form

8 + 3 =

14 + 9 =

8 + 10 =

Image

Call to action

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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.

Divider

Person

Name Goes Here

Name Goes Here

Position

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.

Name Goes Here

Name Goes Here

Position

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.

Name Goes Here

Name Goes Here

Position

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.

Social Media Follow

Toggle

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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.

Testimonial

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.

Name Goes Here

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.

Name Goes Here

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.

Name Goes Here

Video

Accordion

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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.

Blog

Trunk Show!

Trunk Show!

What a dynamic meeting the Bead Study experienced on September 14 with Dianne Nyman as the presenter. Dianne excels in artistry on all her garments and purses. She chooses fantastic fabric designs, accessories, buttons, ribbons, metallic threads, buttons, and beads...

Why Do We Quilt?

Why Do We Quilt?

September's General Membership mtg on Thursday, September 9 at 6pm will be the first LIVE membership meeting this year:  Debbie Moore-Yip will be speaking on "Why Do We Quilt."  In addition to being a member of SGAC Art by Fire (Potter's group), Debbie has an AA in...

Knitting with Beads

Knitting with Beads

Join us on Tuesday, July 13th at 10:30am via Zoom as Janine Grinta demonstrates knitting with beads. This will be our last Zoom bead study: we plan to meet in person in September! OVERVIEW:In this presentation we will learn about using beads to enhance and decorate a...

Rust Printing

Rust Printing

Creating rust prints on cloth is part experimentation and always an adventure. Here is another process for putting color on fabric. In this workshop we will use a variety of rusted bits, like washers and nails. I like to work with cotton and muslin. The outcome is...

Yarn Bombing!

Yarn Bombing!

A whimsical art installation appeared on the grounds surrounding the Shepard Garden and Arts Center on June 11th, the brainchild of SCTA president Gloria Robertson, just in time for International Yarn Bombing Day on June 12th. Thank you to Gloria and all the...

Art Elephant 2021

Art Elephant 2021

The popular Art Elephant Sale is back for 2021! Art Elephant provides a fun bazaar where buyers and sellers meet, featuring materials and tools for all kinds of artistic, crafty, and creative endeavors. Like what, you ask? Well, for example, some of the items you'll...

Yarn Bombing Basics

Yarn Bombing Basics

The installation of our Yarn Bombing in McKinley Park is June 11th at 10am. So even if you haven't signed up to participate you still may enjoy our Needle Arts focus group (via Zoom on Monday, May 17th, 6:30pm-8) to get inspired, learn the basics and be a part of a...

Natural Dyeing is May General Meeting Topic

Natural Dyeing is May General Meeting Topic

Why not change the color of your cloth or yarn to suit your mood? Natural dyeing is easy and can make use of food scraps to transform your clothing items or fabrics. Beet trimmings, onion skins, walnut hulls and avocado pits can all provide a needed lift to your dull...

The Way We Wrap

The Way We Wrap

My name is Monea, Owner of Creative Essence. For our May Bead Study meeting, Tuesday, May 11th, at 10:30 am, I will be demonstrating and sharing through video and pictures, a variety of ways to wear a “Head Wrap.” Each of you will experience the intriguing history,...

Trunk Show!

Trunk Show!

What a dynamic meeting the Bead Study experienced on September 14 with Dianne Nyman as the presenter. Dianne excels in artistry on all her garments and purses. She chooses fantastic fabric designs, accessories, buttons, ribbons, metallic threads, buttons, and beads...

Why Do We Quilt?

Why Do We Quilt?

September's General Membership mtg on Thursday, September 9 at 6pm will be the first LIVE membership meeting this year:  Debbie Moore-Yip will be speaking on "Why Do We Quilt."  In addition to being a member of SGAC Art by Fire (Potter's group), Debbie has an AA in...

Knitting with Beads

Knitting with Beads

Join us on Tuesday, July 13th at 10:30am via Zoom as Janine Grinta demonstrates knitting with beads. This will be our last Zoom bead study: we plan to meet in person in September! OVERVIEW:In this presentation we will learn about using beads to enhance and decorate a...

Rust Printing

Rust Printing

Creating rust prints on cloth is part experimentation and always an adventure. Here is another process for putting color on fabric. In this workshop we will use a variety of rusted bits, like washers and nails. I like to work with cotton and muslin. The outcome is...

Yarn Bombing!

Yarn Bombing!

A whimsical art installation appeared on the grounds surrounding the Shepard Garden and Arts Center on June 11th, the brainchild of SCTA president Gloria Robertson, just in time for International Yarn Bombing Day on June 12th. Thank you to Gloria and all the...

Art Elephant 2021

Art Elephant 2021

The popular Art Elephant Sale is back for 2021! Art Elephant provides a fun bazaar where buyers and sellers meet, featuring materials and tools for all kinds of artistic, crafty, and creative endeavors. Like what, you ask? Well, for example, some of the items you'll...

Yarn Bombing Basics

Yarn Bombing Basics

The installation of our Yarn Bombing in McKinley Park is June 11th at 10am. So even if you haven't signed up to participate you still may enjoy our Needle Arts focus group (via Zoom on Monday, May 17th, 6:30pm-8) to get inspired, learn the basics and be a part of a...

Natural Dyeing is May General Meeting Topic

Natural Dyeing is May General Meeting Topic

Why not change the color of your cloth or yarn to suit your mood? Natural dyeing is easy and can make use of food scraps to transform your clothing items or fabrics. Beet trimmings, onion skins, walnut hulls and avocado pits can all provide a needed lift to your dull...

The Way We Wrap

The Way We Wrap

My name is Monea, Owner of Creative Essence. For our May Bead Study meeting, Tuesday, May 11th, at 10:30 am, I will be demonstrating and sharing through video and pictures, a variety of ways to wear a “Head Wrap.” Each of you will experience the intriguing history,...

Trunk Show!

Trunk Show!

What a dynamic meeting the Bead Study experienced on September 14 with Dianne Nyman as the presenter. Dianne excels in artistry on all her garments and purses. She chooses fantastic fabric designs, accessories, buttons, ribbons, metallic threads, buttons, and beads...

Why Do We Quilt?

Why Do We Quilt?

September's General Membership mtg on Thursday, September 9 at 6pm will be the first LIVE membership meeting this year:  Debbie Moore-Yip will be speaking on "Why Do We Quilt."  In addition to being a member of SGAC Art by Fire (Potter's group), Debbie has an AA in...

Knitting with Beads

Knitting with Beads

Join us on Tuesday, July 13th at 10:30am via Zoom as Janine Grinta demonstrates knitting with beads. This will be our last Zoom bead study: we plan to meet in person in September! OVERVIEW:In this presentation we will learn about using beads to enhance and decorate a...

Rust Printing

Rust Printing

Creating rust prints on cloth is part experimentation and always an adventure. Here is another process for putting color on fabric. In this workshop we will use a variety of rusted bits, like washers and nails. I like to work with cotton and muslin. The outcome is...

Yarn Bombing!

Yarn Bombing!

A whimsical art installation appeared on the grounds surrounding the Shepard Garden and Arts Center on June 11th, the brainchild of SCTA president Gloria Robertson, just in time for International Yarn Bombing Day on June 12th. Thank you to Gloria and all the...

Art Elephant 2021

Art Elephant 2021

The popular Art Elephant Sale is back for 2021! Art Elephant provides a fun bazaar where buyers and sellers meet, featuring materials and tools for all kinds of artistic, crafty, and creative endeavors. Like what, you ask? Well, for example, some of the items you'll...

Yarn Bombing Basics

Yarn Bombing Basics

The installation of our Yarn Bombing in McKinley Park is June 11th at 10am. So even if you haven't signed up to participate you still may enjoy our Needle Arts focus group (via Zoom on Monday, May 17th, 6:30pm-8) to get inspired, learn the basics and be a part of a...

Natural Dyeing is May General Meeting Topic

Natural Dyeing is May General Meeting Topic

Why not change the color of your cloth or yarn to suit your mood? Natural dyeing is easy and can make use of food scraps to transform your clothing items or fabrics. Beet trimmings, onion skins, walnut hulls and avocado pits can all provide a needed lift to your dull...

The Way We Wrap

The Way We Wrap

My name is Monea, Owner of Creative Essence. For our May Bead Study meeting, Tuesday, May 11th, at 10:30 am, I will be demonstrating and sharing through video and pictures, a variety of ways to wear a “Head Wrap.” Each of you will experience the intriguing history,...