The idea of this tool is that you create a page, load up the Beaver Builder Typesetter template, and have fun setting your web typography. Simple & powerful.
01. How It Works
Responsive
Baseline Grid Tool
Type Playground
Grid Module
BW Templates
Everything Included with the template
Beaver Builder 2.2+
Compatible with Beaver Builder 2.2 and above.
Baseline Grid
A reusable Baseline grid module can be used for layout design as well.
Page Templates
Unstyled + Pre-styled page templates included. Unstyled is for use with Customizer or CSS. Pre-styled is for module only.
Use What You Want
We have exported each section from the full template for use. Only want to use Type Pairing, go ahead!
Black + White
We have crafted each template and layout in white and black color schemes.
Learning Resources
In each section, we have included tips and tricks and links to valuable resources.
Device-ography
The templates are responsive so you can set your type at the three (or beyond) Beaver Builder breakpoints.
We made it free!
We care about you using the best tools you can to make your designs spicy! We made this tool free!
Headlines + Paragraphs
Section 1
The Headline and paragraph is the meat and potatoes section. Setting this properly will take care of most of your type design needs. Use CSS, or Customizer.
Play Video
02. Headlines + Paragraphs
Type Pairing
Section 2
This Type Pairing section is a fantastic way to pair your type options. We use the ideology of thinking of type as personality types. Have fun and make good type!
Play Video
03. Type Pairing
Blog Post Design
Section 3
This bonus template allows you to edit a typical blog post boilerplate. This way you can fine tune your type by editing list items or block quotes while seeing the overall relations and readability.
Play Video
04. Block Quotes & List Items
Download this template now to get your web typography looking fly!