Style Guide
This style guide page contains styles and components that are to be used through the Azumo website.
Fundamentals
Typography
Top-Rated Nearshore Software Development Company.
Top-Rated Nearshore Software Development Company.
Top-Rated Nearshore Software Development Company.
Top-Rated Nearshore Software Development Company.
Top-Rated Nearshore Software Development Company. Sample text helps you understand how real text may look.
Top-Rated Nearshore Software Development Company. Sample text helps you understand how real text may look.
Top-Rated Nearshore Software Development Company. Sample text helps you understand how real text may look.
Top-Rated Nearshore Software Development Company. Sample text helps you understand how real text may look.
Top-Rated Nearshore Software Development Company. Sample text helps you understand how real text may look.
Top-Rated Nearshore Software Development Company. Sample text helps you understand how real text may look.
Top-Rated Nearshore Software Development Company. Sample text helps you understand how real text may look.
Top-Rated Nearshore Software Development Company. Sample text helps you understand how real text may look.
When it comes to space, the most important text spacing may be the amount of space between lines of text. Too much space and paragraphs or multi-deck headers don’t look like they go together, which can cause confusion and hinder reading. Too little space can cause strain on the eyes, making users turn away from blocks of copy because they are uncomfortable to read.
Block Quote: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla rhoncus cursus pharetra. Sed molestie sollicitudin sapien non varius. Phasellus quis dapibus leo, sed commodo dui.
- The best web typographers also understand that using text elements as links can be a challenge on many devices. For users, tapping an inline text link can be a challenge on smaller screens and gets even more challenging with multiple links in the same section or paragraph.
- The best web typographers also understand that using text elements as links can be a challenge on many devices. For users, tapping an inline text link can be a challenge on smaller screens and gets even more challenging with multiple links in the same section or paragraph.
- The best web typographers also understand that using text elements as links can be a challenge on many devices. For users, tapping an inline text link can be a challenge on smaller screens and gets even more challenging with multiple links in the same section or paragraph.
- The best web typographers also understand that using text elements as links can be a challenge on many devices. For users, tapping an inline text link can be a challenge on smaller screens and gets even more challenging with multiple links in the same section or paragraph.
- The best web typographers also understand that using text elements as links can be a challenge on many devices. For users, tapping an inline text link can be a challenge on smaller screens and gets even more challenging with multiple links in the same section or paragraph.
- The best web typographers also understand that using text elements as links can be a challenge on many devices. For users, tapping an inline text link can be a challenge on smaller screens and gets even more challenging with multiple links in the same section or paragraph.
Text Medium 1.25 and is used for Code Embeds
Colors
Rich Text Block
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
- 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.
Unordered list
- 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.
-
Bold text
Emphasis
Superscript
Subscript
%20copy%202.gif)
RTE Blog RTF
What’s a Rich Text element?
When it comes to space, the most important text spacing may be the amount of space between lines of text. Too much space and paragraphs or multi-deck headers don’t look like they go together, which can cause confusion and hinder reading. Too little space can cause strain on the eyes, making users turn away from blocks of copy because they are uncomfortable to read.
- PREFERRED INDUSTRIES media, entertainment and communications
- PREFERRED INDUSTRIES media, entertainment and communications
- PREFERRED INDUSTRIES media, entertainment and communications
Static and dynamic content editing
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
The best web typographers also understand that using text elements as links can be a challenge on many devices. For users, tapping an inline text link can be a challenge on smaller screens and gets even more challenging with multiple links in the same section or paragraph.
- Too much decoration gets messy and hard to read in a hurry; if you are going to use a colored type element, stick
- Too much decoration gets messy and hard to read in a hurry; if you are going to use a colored type element, stick
- Too much decoration gets messy and hard to read in a hurry; if you are going to use a colored type element, stick
How to customize formatting for each rich text
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
sdsdasdsdasdsd
When it comes to space, the most important text spacing may be the amount of space between lines of text. Too much space and paragraphs or multi-deck headers don’t look like they go together, which can cause confusion and hinder reading. Too little space can cause strain on the eyes, making users turn away from blocks of copy because they are uncomfortable to read.
Azumo Forms
Customer Pricing Form
Customer Form Block II
Candidate Form
