tradesecret

work smarter - not harder

Typography

Ready for Copy & Pasting

Typography is essential for any item. We've created a tone of styles for you to easily spice up your text. Check out the components page for even more.

Heading 1

This is an example of heading one. The h1 tag.

Heading - h1

This is an example of heading one. The h1 tag with badge.

Heading 2

This is an example of heading two. The h2 tag.

Heading - h2

This is an example of heading two. The h2 tag tag with badge.

Heading 3

This is an example of heading three. The h3 tag.

Heading - h3

This is an example of heading three. The h3 tag tag with badge.

Heading 4

This is an example of heading four. The h4 tag.

Heading - h4

This is an example of heading four. The h4 tag tag with badge.

Heading 5

This is an example of heading five. The h5 tag.

Heading - h5

This is an example of heading five. The h5 tag tag with badge.

Check out the Page Titles

Contrasts

Let's say you have a very light text on a dark background. Here is where contrasts are perfect.

I'm set to 90% opacity.

I'm set to 80% opacity.

I'm set to 70% opacity.

I'm set to 60% opacity.

I'm set to 50% opacity.

I'm set to 40% opacity.

I'm set to 30% opacity.

I'm set to 20% opacity.

I'm set to 10% opacity.

Font Weights

Select the thickness of your font with ease. Add a secondary class that will change weights.

This text is set to 900 weight.

This text is set to 800 weight.

This text is set to 700 weight.

This text is set to 600 weight.

This text is set to 500 weight.

This text is set to 400 weight.

This text is set to 300 weight.

This text is set to 200 weight.

Lists

Select the thickness of your font with ease. Add a secondary class that will change weights.

  • List
  • List
  • List
  • List
  • List
  • List
  • List
  • List
  • List
  • List
  1. List
  2. List
  3. List
  4. List
  5. List

Highlights

Showcase the most important part of a paragraph with highlights. Easy and awesome!

We've highlighted this part of the text.

We've highlighted this part of the text.

We've highlighted this part of the text.

We've highlighted this part of the text.

We've highlighted this part of the text.

Message Centre chat user icon Welcome

As this is your first visit, I thought I should just say hello, and to let you know that I am here should you need to speak with someone today.