Style Guide
The perfect template to dial in your theme settings.
Typography
You have the ability to have different typography settings for your website and landing pages which is what you see below. You can also control your blog posts typography seperately in the theme settings.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Morbi ultricies, this is a text link nibh quis tincidunt scelerisque, magna purus malesuada erat, feugiat semper urna lectus at sapien. Maecenas ornare, metus ut mattis vehicula, nulla nulla efficitur lacus, vitae congue nisi nibh eget massa. Sed nec pharetra mauris, ac volutpat metus. Praesent sed enim mollis, tincidunt orci sit amet, mattis risus.
- Bullet Point
- Bullet Point
- Bullet Point
- Bullet Point
- Bullet Point
- Bullet Point
In sit amet massa sed dolor tempor mattis id et tellus.
Icons
You can set a global default color for icons and will also have control in each module to select a specifc color if needed.
CTAs & Standard Buttons
You can set up various button styles to create a visual hierarchy. Pro-top: Make the Primary button pop the most.
Modal Popup
Modals pop-ups are features of various modules. You can give them global style.
Modal Headline
Donec sed pretium mauris. Suspendisse aliquam ornare quam, eleifend sagittis mauris interdum eget. Maecenas placerat mattis velit, in egestas erat vulputate vel. Morbi at nisl justo. Praesent quis erat risus.
Praesent varius quam quis ultricies consequat. Aenean ullamcorper commodo consectetur. Vivamus ex sapien, ullamcorper id ullamcorper in, eleifend in quam. Curabitur ac metus convallis, scelerisque libero in, vulputate justo. Mauris erat ex, commodo vitae ipsum et, vestibulum porttitor odio.
Forms
Create a form that has input fields, dropdowns, checkboxes, and everything. Then style it here.
T1 [H1] The Page Landing Title
[T6] Under this arrangement, use [T6] for contents. Lorem ipsum: Congrats! You've just become a magician. This is the do-it-all module where you can let your creativity run wild.
T1 [H1] The Page Landing Title
[H4] Incase we need a sub-Title
[Paragraph] Under this arrangement, use [paragraph] for contents. Lorem ipsum: Congrats! You've just become a magician. This is the do-it-all module where you can let your creativity run wild.
T2 [H2] The Main Topic Title
[H6] Congrats! You've just become a magician. This is the do-it-all module where you can let your creativity run wild. The best part is that it's just going to keep getting more and more awesome over time.
T3 [H3] The Elaboration of the Main Topic
[Paragraph] Congrats! You've just become a magician. This is the do-it-all module where you can let your creativity run wild. The best part is that it's just going to keep getting more and more awesome over time.