HAMOC 2023
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.
#FBFBFB
background
#00209F
primary
#0029F
default
#F5F5F5
default
#EDEDED
BACKGROUND
#CD112F
PRIMARY
#6275C1
HOVER
#C4CAE4
HOVER
#F4F4F4
BACKGROUND
#CA4949
PRIMARY
#00209F
SELECTED
#93A0D3
SELECTED
#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
Heading 5
Heading 5
Heading 4
Heading 4
Heading 5
BUTTON
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
Button
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
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
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
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
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.
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 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.
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
Juneteenth: A day for All People of African Descent to Celebrate by Dr. Cranston Knight
During the 16th-17th century, needing an inexhaustible workforce, France initiated slavery to attain higher production in both the sugar and coffee trade. Dominating this trade would elevate its standing amount the Great powers of the time and enrich the...
The Birthing Space by Tamara Auguste
The birthing space is filled with opportunities, struggle, perseverance, and liberation. Life and death walked hand in hand through the birthing canal from darkness to light on January 1, 1804; proud forefather Dessalines proclaimed in Gonaïves, the genesis of a...
A Promised Land, African American Immigration to Haiti.
After the Haitian revolt and successful revolution, the Republic leaders had theopportunity to create a truly unique society. One which would reshape its social,cultural, and social identity, slave to free. A country where the concepts of liberty,equality, and...
Leve L 2019: HAMOC’s 7th Anniversary
HAMOC's special thanks to the Master of ceremony for the event Mr. Harry Fouche. Special thanks to Mr. Romeo Hernandez for the photography.
Celebrate Independence Day at HAMOC on Jan 1, 2020, 2-4 pm
Interns and Volunteers at HAMOC! You are invited to this private event in celebration of Haitian Independence on January 1, 2020 from 2-4 pm. Freedom Soup Joumou will be served.
Blueprint for Liberation: Examining the Haitian Revolution Through Memes
In his 2015 book “The Island of Memes: Haiti’s Unfinished Revolution,” Dr. Wade W. Nobles brings the original meaning of “memes” to the forefront in the context of the world’s only successful slave insurrection. As Nobles, a professor emeritus at San Francisco...
Welcome Carlos Bossard!
Dear Community Members, Please join us today in welcoming Carlos Bossard as the new Executive Director of the Haitian American Museum of Chicago (HAMOC). He joined the team in February 2019 as the Collection Specialist and will continue his work as HAMOC’s next...
BLM Statement
Dear Community Members, The Haitian American Museum of Chicago (HAMOC) stands with the Black community here in Chicago, the United States, Haiti and around the world. To the thousands of people who have marched and will continue to march in the name of George Floyd...
A Reflection on Afro-Caribbean Solidarity with African Americans in the Age of Black Lives Matter
On the eve of Haiti’s Independence Day in 2011, hundreds of people—Haitian and non-Haitian alike—congregated in a town about an hour outside of New York City. They gathered in Spring Valley, New York not to commemorate the anniversary of a nation’s triumph, but rather...
Juneteenth: A day for All People of African Descent to Celebrate by Dr. Cranston Knight
During the 16th-17th century, needing an inexhaustible workforce, France initiated slavery to attain higher production in both the sugar and coffee trade. Dominating this trade would elevate its standing amount the Great powers of the time and enrich the...
The Birthing Space by Tamara Auguste
The birthing space is filled with opportunities, struggle, perseverance, and liberation. Life and death walked hand in hand through the birthing canal from darkness to light on January 1, 1804; proud forefather Dessalines proclaimed in Gonaïves, the genesis of a...
A Promised Land, African American Immigration to Haiti.
After the Haitian revolt and successful revolution, the Republic leaders had theopportunity to create a truly unique society. One which would reshape its social,cultural, and social identity, slave to free. A country where the concepts of liberty,equality, and...
Leve L 2019: HAMOC’s 7th Anniversary
HAMOC's special thanks to the Master of ceremony for the event Mr. Harry Fouche. Special thanks to Mr. Romeo Hernandez for the photography.
Celebrate Independence Day at HAMOC on Jan 1, 2020, 2-4 pm
Interns and Volunteers at HAMOC! You are invited to this private event in celebration of Haitian Independence on January 1, 2020 from 2-4 pm. Freedom Soup Joumou will be served.
Blueprint for Liberation: Examining the Haitian Revolution Through Memes
In his 2015 book “The Island of Memes: Haiti’s Unfinished Revolution,” Dr. Wade W. Nobles brings the original meaning of “memes” to the forefront in the context of the world’s only successful slave insurrection. As Nobles, a professor emeritus at San Francisco...
Welcome Carlos Bossard!
Dear Community Members, Please join us today in welcoming Carlos Bossard as the new Executive Director of the Haitian American Museum of Chicago (HAMOC). He joined the team in February 2019 as the Collection Specialist and will continue his work as HAMOC’s next...
BLM Statement
Dear Community Members, The Haitian American Museum of Chicago (HAMOC) stands with the Black community here in Chicago, the United States, Haiti and around the world. To the thousands of people who have marched and will continue to march in the name of George Floyd...
A Reflection on Afro-Caribbean Solidarity with African Americans in the Age of Black Lives Matter
On the eve of Haiti’s Independence Day in 2011, hundreds of people—Haitian and non-Haitian alike—congregated in a town about an hour outside of New York City. They gathered in Spring Valley, New York not to commemorate the anniversary of a nation’s triumph, but rather...
Juneteenth: A day for All People of African Descent to Celebrate by Dr. Cranston Knight
During the 16th-17th century, needing an inexhaustible workforce, France initiated slavery to attain higher production in both the sugar and coffee trade. Dominating this trade would elevate its standing amount the Great powers of the time and enrich the...
The Birthing Space by Tamara Auguste
The birthing space is filled with opportunities, struggle, perseverance, and liberation. Life and death walked hand in hand through the birthing canal from darkness to light on January 1, 1804; proud forefather Dessalines proclaimed in Gonaïves, the genesis of a...
A Promised Land, African American Immigration to Haiti.
After the Haitian revolt and successful revolution, the Republic leaders had theopportunity to create a truly unique society. One which would reshape its social,cultural, and social identity, slave to free. A country where the concepts of liberty,equality, and...
Leve L 2019: HAMOC’s 7th Anniversary
HAMOC's special thanks to the Master of ceremony for the event Mr. Harry Fouche. Special thanks to Mr. Romeo Hernandez for the photography.
Celebrate Independence Day at HAMOC on Jan 1, 2020, 2-4 pm
Interns and Volunteers at HAMOC! You are invited to this private event in celebration of Haitian Independence on January 1, 2020 from 2-4 pm. Freedom Soup Joumou will be served.
Blueprint for Liberation: Examining the Haitian Revolution Through Memes
In his 2015 book “The Island of Memes: Haiti’s Unfinished Revolution,” Dr. Wade W. Nobles brings the original meaning of “memes” to the forefront in the context of the world’s only successful slave insurrection. As Nobles, a professor emeritus at San Francisco...
Welcome Carlos Bossard!
Dear Community Members, Please join us today in welcoming Carlos Bossard as the new Executive Director of the Haitian American Museum of Chicago (HAMOC). He joined the team in February 2019 as the Collection Specialist and will continue his work as HAMOC’s next...
BLM Statement
Dear Community Members, The Haitian American Museum of Chicago (HAMOC) stands with the Black community here in Chicago, the United States, Haiti and around the world. To the thousands of people who have marched and will continue to march in the name of George Floyd...
A Reflection on Afro-Caribbean Solidarity with African Americans in the Age of Black Lives Matter
On the eve of Haiti’s Independence Day in 2011, hundreds of people—Haitian and non-Haitian alike—congregated in a town about an hour outside of New York City. They gathered in Spring Valley, New York not to commemorate the anniversary of a nation’s triumph, but rather...