Test and preview heading, paragraph, and custom text styles. Edit this page to add or experiment with new typography classes and combinations.
This is the default H1 size for the homepage and site. Use this style for the main headline only.
<h1 className="text-4xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl leading-tight tracking-tight drop-shadow-xl text-left" id="main-h1">Your Main Headline</h1>Use this H1 style for all sub pages (e.g., industry pages, feature pages).
<h1 className="text-5xl lg:text-6xl font-light leading-[1.05] mb-8 text-[#232323] max-w-xl w-full">Your Sub Page Title</h1>Wall of Love section header style
<h2 className="text-center font-normal text-3xl md:text-5xl lg:text-6xl mb-8 leading-tight text-[#232323]">Section Title</h2>Class: text-4xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl font-light
Class: text-5xl lg:text-6xl font-light
This is a base paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
This is a large paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
This is a small paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
See code for each button style in the respective component for props and variations.
Font Light
Font Normal
Font Medium
Font Semibold
Font Bold
Italic Style
Uppercase Style
Strikethrough Style
Muted Style
Try your own combinations here!