Wrangle Your Webtype

Set your web typography the right way. Use our typeset boilerplate for Beaver Builder.
Hero Icon 1
Hero Icon 2
Hero Icon 3

Typography = Everything

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
RT Icon
BGT Icon
Baseline Grid Tool
TE Icon
Type Playground
Icon 4
Grid Module
BW Icon
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. 


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
Hero Icon 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
Hero Icon 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
Hero Icon 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!
Share This:
Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on reddit
Share on email
Tickyboom Store Logo Bomb
A Tickyboom Design Project

Hella Bomb Design from the Bay Area, CA.


© 2019 – 2020 BB Typesetter. All Rights Reserved.

BB Typesetter Changelog

Template V2.0 – Feb 25th, 2019

  • More user friendly layouts for the following sections:
    Headlines + Paragraphs, Type Pairing, Block Quotes + LI’s
  • Eliminated sidebar and sticky functionality for layouts
  • Made Type Pairing section available on Tablet and Mobile.
  • General layout cleanup and additions to Type Pairing section
  • Only have 3 white and 3 black templates to utilize instead of bloated set before.
  • General cleanup and design improvements.
  • Condensed tips and tricks and section header to upper info section
  • Videos redone!


Website V2.0 – Feb 25th, 2019

  • General design improvements
  • Logo refresh to be more custom
  • Typography stack changed and refined. Yummy.
  • Download sequence refined.