Embedded Files
Illustration Home | Text | Layout | Iconography |Characters | Elements | Infographics | Illustrative Scenes | Data Visualization | Resources
Alignment and Justification
Alignment and Justification
Full sentences should always be left justified.
Words and short phrases can be centered, especially in tables and charts.
Make sure there is enough space between text elements to separate them from the text above and below.
Text Templates
Text Templates
1/3 Screen
1/3 Screen
Header style
Open Sans Regular, 50 pt #B31B1B
Default text style
Open Sans Semibold, 40 pt #FFFFFF
Best Practices
Best Practices
There should be no more than two lines of text for more detailed icon labels
Use text boxes sparingly for short icon labels
Multiple lines of text should be left aligned
Using different weights can help add hierarchy.
Open Sans Bold, 40 pt / Open Sans Regular, 40 ptSpacing between lists should be consistent and allow enough room to differentiate between list items
3/4 Screen
3/4 Screen
Header style
Open Sans Regular, 50 pt #B31B1B
Default text style
Open Sans Semibold, 40 pt #393F47
Best Practices
Best Practices
Keep titles fixed in the same position, regardless of what else is on screen.
Using different weights can help add hierarchy.
Open Sans Bold, 40 pt / Open Sans Regular, 40 ptSpacing between lists should be consistent and allow enough room to differentiate between list items
Quote
Quote
Default text style
Open Sans Semibold, 40pt
Subtext
Open Sans Regular, 30pt
Best Practices
Keep quote vertically centered on the 1/4 screen
Keep consistent padding on all sides
More Examples
More Examples
Best Practices
Full Screen should always have a minimum amount of margin.
Page updated
Report abuse