FlowUI provides the most common typography requirements. This includes default styles for the following typography options: Headings, Sub Headings, Heading Details, Paragraphs & Captions.This provides a typography solution for most design requirements and provides you with size options from 12px through to 72px. Adjust these styles to suit your own requirements, while maintaining our class naming system.
Headings are your most important typography element as they provide a lot of instructions for search engines and the priority of your content.
Please use the global HTML tag for typography elements, this means applying styles to All H1-H6 Elements
Sub Headings provide a solution for smaller headings around the 16px - 24px area. These are headings that might not suit our pre-defined H1-H6 headings but are still frequently required in typography compositions. As always, you can alter these sizes below to suit your project and you can quickly add these types of headings by adding the class typing Sub Heading / into your class selector and choosing your requirement.
Heading details are often paired with headings to add context to sections and visual heirachy.
Customise these to suit your own requirements from a heading detail element.
Paragraphs, also commonly known as body text will be used through our most pages.
Update your core paragraph sizes depending on your own needs.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Paragraphs, also commonly known as body text will be used through our most pages.
Update your core paragraph sizes depending on your own needs.
Build clean, scalable and consistent websites with FlowUI. The Webflow development system built for visual developers and designers.
