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

7 + 3 =

1 + 9 =

3 + 13 =

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

Button and Bead Fashion Pin

Button and Bead Fashion Pin

The Bead Study’s September Meeting will be instructed by Anne DeStefano, who will show members how to make beautiful pins to wear on your garments, hats, purses, and belts. Go through your button jars and find some stunning focal buttons and beads to bring and create...

Handmade Doll Art

Handmade Doll Art

The September 4th SCTA meeting will feature four member artists showing and sharing their handmade doll art. Before the presentations, board members will provide status updates. Following the presentations, there will be time for questions and socializing, and a...

Make Your Own Findings out of Wire

Make Your Own Findings out of Wire

At our August meeting, Amy Johnson taught us how to make some useful findings out of wire: A "J-Hook" Clasp, an "S-Hook" Clasp, and a Wire-Wrapped Pendant Bail. We cut, bent, and hammered (to work-harden and add texture) one example of each, and talked about uses and...

July Show and Tell

July Show and Tell

For the July 9th Bead Study Group meeting at the Shepard Garden and Arts Center, members were asked to bring a couple of their designs to share in a "Show-and-Tell" event. It is always exciting to see the creations of our wonderful artists and view their one-of-a-kind...

July 2019 General Meeting

July 2019 General Meeting

The July General Meeting is this Wednesday, July 10, from 6:30 to 8:30 pm. It is back at the Shepard Garden and Arts Center, 3330 McKinley Blvd. There will be two major parts to this month's general meeting. 1. Nominating new Board members and discussing the immediate...

Tubing Beads

Tubing Beads

The June 11th bead study meeting was led by Yvonne Warren, who taught us how to make jewelry from vinyl tubing! The tubing is rather common and very inexpensive, and can be purchased at hardware stores. The clear tubing we used came in small and medium sizes. The...

Bead and Button Necklace

Bead and Button Necklace

The May Bead Study was taught by Carolyn Granados and included designing the Crazy Bead and Button necklace. This was a great way of creating jewelry with all those beautiful beads and buttons you have been collecting over the years. Necklaces below designed by...

Spring Salad Social

Spring Salad Social

The Spring Salad Social was a big hit last year, so we're bringing it back for 2019! For the May SCTA General Meeting, we will share information about mutual SCTA interests, enjoy a salad luncheon together, and hear our member, Treasurer, & past President, Yvonne...

Bay Area Field Trip

Bay Area Field Trip

Thanks to Elisa Reutinger, Bead Study member, for planning the April field trip to the Bay Area. The weather was beautiful and we couldn’t have picked a better day to travel by car. Six people in two cars ventured to visit two stores with outstanding goods to buy....

Wire-wrapped Gear Pendants

Wire-wrapped Gear Pendants

Fifteen members of the Bead Study group met at our new site for classes, Sierra 2 Center in Curtis Park. Everyone agreed that the room is spacious and full of natural light to work on the beading projects that we create each month. Jewelry artist Ila Lewis instructed...

Button and Bead Fashion Pin

Button and Bead Fashion Pin

The Bead Study’s September Meeting will be instructed by Anne DeStefano, who will show members how to make beautiful pins to wear on your garments, hats, purses, and belts. Go through your button jars and find some stunning focal buttons and beads to bring and create...

Handmade Doll Art

Handmade Doll Art

The September 4th SCTA meeting will feature four member artists showing and sharing their handmade doll art. Before the presentations, board members will provide status updates. Following the presentations, there will be time for questions and socializing, and a...

Make Your Own Findings out of Wire

Make Your Own Findings out of Wire

At our August meeting, Amy Johnson taught us how to make some useful findings out of wire: A "J-Hook" Clasp, an "S-Hook" Clasp, and a Wire-Wrapped Pendant Bail. We cut, bent, and hammered (to work-harden and add texture) one example of each, and talked about uses and...

July Show and Tell

July Show and Tell

For the July 9th Bead Study Group meeting at the Shepard Garden and Arts Center, members were asked to bring a couple of their designs to share in a "Show-and-Tell" event. It is always exciting to see the creations of our wonderful artists and view their one-of-a-kind...

July 2019 General Meeting

July 2019 General Meeting

The July General Meeting is this Wednesday, July 10, from 6:30 to 8:30 pm. It is back at the Shepard Garden and Arts Center, 3330 McKinley Blvd. There will be two major parts to this month's general meeting. 1. Nominating new Board members and discussing the immediate...

Tubing Beads

Tubing Beads

The June 11th bead study meeting was led by Yvonne Warren, who taught us how to make jewelry from vinyl tubing! The tubing is rather common and very inexpensive, and can be purchased at hardware stores. The clear tubing we used came in small and medium sizes. The...

Bead and Button Necklace

Bead and Button Necklace

The May Bead Study was taught by Carolyn Granados and included designing the Crazy Bead and Button necklace. This was a great way of creating jewelry with all those beautiful beads and buttons you have been collecting over the years. Necklaces below designed by...

Spring Salad Social

Spring Salad Social

The Spring Salad Social was a big hit last year, so we're bringing it back for 2019! For the May SCTA General Meeting, we will share information about mutual SCTA interests, enjoy a salad luncheon together, and hear our member, Treasurer, & past President, Yvonne...

Bay Area Field Trip

Bay Area Field Trip

Thanks to Elisa Reutinger, Bead Study member, for planning the April field trip to the Bay Area. The weather was beautiful and we couldn’t have picked a better day to travel by car. Six people in two cars ventured to visit two stores with outstanding goods to buy....

Wire-wrapped Gear Pendants

Wire-wrapped Gear Pendants

Fifteen members of the Bead Study group met at our new site for classes, Sierra 2 Center in Curtis Park. Everyone agreed that the room is spacious and full of natural light to work on the beading projects that we create each month. Jewelry artist Ila Lewis instructed...

Button and Bead Fashion Pin

Button and Bead Fashion Pin

The Bead Study’s September Meeting will be instructed by Anne DeStefano, who will show members how to make beautiful pins to wear on your garments, hats, purses, and belts. Go through your button jars and find some stunning focal buttons and beads to bring and create...

Handmade Doll Art

Handmade Doll Art

The September 4th SCTA meeting will feature four member artists showing and sharing their handmade doll art. Before the presentations, board members will provide status updates. Following the presentations, there will be time for questions and socializing, and a...

Make Your Own Findings out of Wire

Make Your Own Findings out of Wire

At our August meeting, Amy Johnson taught us how to make some useful findings out of wire: A "J-Hook" Clasp, an "S-Hook" Clasp, and a Wire-Wrapped Pendant Bail. We cut, bent, and hammered (to work-harden and add texture) one example of each, and talked about uses and...

July Show and Tell

July Show and Tell

For the July 9th Bead Study Group meeting at the Shepard Garden and Arts Center, members were asked to bring a couple of their designs to share in a "Show-and-Tell" event. It is always exciting to see the creations of our wonderful artists and view their one-of-a-kind...

July 2019 General Meeting

July 2019 General Meeting

The July General Meeting is this Wednesday, July 10, from 6:30 to 8:30 pm. It is back at the Shepard Garden and Arts Center, 3330 McKinley Blvd. There will be two major parts to this month's general meeting. 1. Nominating new Board members and discussing the immediate...

Tubing Beads

Tubing Beads

The June 11th bead study meeting was led by Yvonne Warren, who taught us how to make jewelry from vinyl tubing! The tubing is rather common and very inexpensive, and can be purchased at hardware stores. The clear tubing we used came in small and medium sizes. The...

Bead and Button Necklace

Bead and Button Necklace

The May Bead Study was taught by Carolyn Granados and included designing the Crazy Bead and Button necklace. This was a great way of creating jewelry with all those beautiful beads and buttons you have been collecting over the years. Necklaces below designed by...

Spring Salad Social

Spring Salad Social

The Spring Salad Social was a big hit last year, so we're bringing it back for 2019! For the May SCTA General Meeting, we will share information about mutual SCTA interests, enjoy a salad luncheon together, and hear our member, Treasurer, & past President, Yvonne...

Bay Area Field Trip

Bay Area Field Trip

Thanks to Elisa Reutinger, Bead Study member, for planning the April field trip to the Bay Area. The weather was beautiful and we couldn’t have picked a better day to travel by car. Six people in two cars ventured to visit two stores with outstanding goods to buy....

Wire-wrapped Gear Pendants

Wire-wrapped Gear Pendants

Fifteen members of the Bead Study group met at our new site for classes, Sierra 2 Center in Curtis Park. Everyone agreed that the room is spacious and full of natural light to work on the beading projects that we create each month. Jewelry artist Ila Lewis instructed...