Font sizes related
The paragraph text and headings are all well proportioned. Just set one basic value for all your fonts sizes for easy and full control.
Flexible font sizes
Isotoop provides your basic settings for headers and paragraph font sizes. Still you will have the flexibility to change the font size.
Isotoop focuses on responsive, device-agnostic interfaces. A perfect design system at scales objects and text intelligently.
Typography and fonts
in beautiful proportions
The paragraph text and headings are by default well and equally proportioned.
The font size is defined by the basic default fontsize (em) of your WordPress thema. This is usually 16 pixels. When you change this em-value all you headings (H1, H2, H3) will increment with the same proportion.
More about changing em font sizes
Flexible typography and font sizes
Variable headings and text
So all heading sizes are predefined and determined by your default font size (em). You still have the flexibility to change the heading font sizes. The paragraph text and all headings H6, H5, H4, H3, H2 and H1 are provided in 6 sizes.
Example flexible font size
An example of plain paragraph text.
The text in the green box is the default text (em-base value).
The texts with the t-l and t-xl class (style) are bigger.
The texts with the t-s and t-xs class (style) are smaller.
This system applies to all texts and headings.
Overview of all text styles
See the different values you can apply to your paragraph text and all headings H6, H5, H4, H3, H2 and H1.
Isotoop Free has the t-n and t-l styles. Isotoop Pro has also all other styles.
H1 | Heading 1
H2 | Heading 2
H3 | Heading 3
H4 | Heading 4
H5 | Heading 5
H6 | Heading 6
Advanced responsive typography
By default the font sizes are already scaled by the Golden Ratio based on the em-size. Isotoop comes with advanced responsive features.
An xxl H1 heading is pretty huge on a big screen. If it scale to a mobile version or smartphone the text would not fit. Isotoop automatically scales the XXL Heading to a smaller size so it fits on smaller screen sizes. This is a huge benefit and time saver.
Color palette for text and typography
Use 250 Isotoop colors for your typography. A complete color palet for all your texts, paragraphs, intros and headings. The Pro version consists of 19 colors. All in 13 tints.
More about Isotoop colors
Isotoop Pro Colors
Red and purple
Yellow and Orange
Brown grey dusty
13 tints and shades for text color
Every color has 6 steps to white and 6 steps to black.
A complete color palet for all your heading and paragraph texts and typography.
For most WordPress themes
Works with WordPress Gutenberg editor
Easy to use
Will work for years
Consequent design layout
No coding skills requiered
Consequent design colors for WordPress websites
Save time and energy