Flexboxes that respect the grid

Content Tiny
Content Super Small
Content Small
Content Medium
Content Large
Content Super Large
Content
Content Super Small
Content
Content
Content Super Small

Rows that hold content

Content Row   Wrap Early

Content Super Small

Create variable sized columns by adding the premade subclasses of content.

Content

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.

Content Row

Content Super Small

Create variable sized columns by adding the premade subclasses of content.

Content

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.

Typography

Headings
Typography uses the Major Third Scale. Text element sizes are set to REM (root ephemeral units). This increases the accessibility for devices set with large default font sizes.

Lorem ipsum

pretitle

Feel secure with simple insurance plans.

h1 2.25rem

Feel secure with simple insurance plans.

h2

Feel secure with simple insurance plans.

h3

Feel secure with simple insurance plans.

h4
Feel secure with simple insurance plans.
h5 1.25rem
Paragraphs
Paragraph line heights are larger than headings for easier readability. Line heights are EM based and will therefore scale evenly.

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.

body 1rem

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.

large body

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.

small body
Rich text
Rich text elements have been appropriately styled.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Baby and toddler laying on bed

List inside rich text

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
  • This is the only template you will ever need
  • You can build anything with Tutum
  • Suitable for any insurance company

Why buy Tutum

Redefine your insurance company with the Tutum template. Using a fluid flexbox system and providing a form builder there is no other template you need.

  1. Tutum is a stylish modern design
  2. Form builder included because insurance companies need it
  3. Typography is REM and EM based making them adaptable for all users

Colors

Colors are tied to swatches. If you edit the swatches here, the entire website will update with your chosen colors.
Main colors
Primary
Secodary
Text color
Dark Text
Light Text
Accent Text
Background colors
Light Background
Second Background
White Background
Other colors
Neutral