Framework
Sample UI Style Guide
01. Color palette
In this part of the style guide, You will find the colors that are included in the design of your website.
#15C39A
#437A88
#ffc47c
#f9f9f4
#34545A
02. Text styles
The following examples are of the text styles on your website. There may be instances where the color and font choices may be different than shown here.
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
03. Modules
The following examples are of different modules that will be included on your site.
Button
Email optin
Contact form
Your Headline
- Fast Turnaround
- Responsive Across Devices
- Lightening Page Speeds
- Current SEO Techniques
- Great Customer Service
Image
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.
Social Media Follow
Toggle
Your Title Here
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.
Video
Blog
Blog Post Title
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.