Fonts

Bluprnt uses the fonts Roboto and Open Sans at the following font weights:

Roboto: 300, 700
Open Sans: 400, 600

Both fonts are available to download via Google Fonts.

Headings

Headings are set in Roboto.

h1, .u-h1

Main Heading - Roboto Bold - 38px

h2, .u-h2

Section Heading - Roboto Light - 32px

h3, .u-h3

Feature Heading - Roboto Bold - 24px - Tracking: 1.5px

h4, .u-h4

Small Feature Heading - Roboto Bold - 18px - Tracking: .5px

h5, .u-h5

Smaller Feature Heading - Roboto Bold - 16px - Tracking: .3px

h6, .u-h6

Smallest Feature Heading - Roboto Bold - 15px - Tracking: .3px

  <p><code>h1</code>, <code>.u-h1</code></p>
  <h1>Main Heading - Roboto Bold - 38px</h1>

  <hr class="rule  u-my4">

  <p><code>h2</code>, <code>.u-h2</code></p>
  <h2>Section Heading - Roboto Light - 32px</h2>

  <hr class="rule  u-my4">

  <p><code>h3</code>, <code>.u-h3</code></p>
  <h3>Feature Heading - Roboto Bold - 24px - Tracking: 1.5px</h3>

  <hr class="rule  u-my4">

  <p><code>h4</code>, <code>.u-h4</code></p>
  <h4>Small Feature Heading - Roboto Bold - 18px - Tracking: .5px</h4>

  <hr class="rule  u-my4">

  <p><code>h5</code>, <code>.u-h5</code></p>
  <h5>Smaller Feature Heading - Roboto Bold - 16px - Tracking: .3px</h5>

  <hr class="rule  u-my4">

  <p><code>h6</code>, <code>.u-h6</code></p>
  <h6>Smallest Feature Heading - Roboto Bold - 15px - Tracking: .3px</h6>

Copy

General body copy is set at 16px (1rem).

Is any of it real? I mean, look at this. Look at it! A world built on fantasy. Synthetic emotions in the form of pills. Psychological warfare in the form of advertising. Sample link chemicals in the form of... food! Brainwashing seminars in the form of media. Controlled isolated bubbles in the form of social networks.