v0.40

Source: base/_colors.scss, line 58

3.1.1 Blue

  • #2077bf;

    $blue
  • #3290de;

    $blue-80
  • #63bbfd;

    $blue-60
  • #86cafb;

    $blue-40
  • #b8e0fa;

    $blue-20

Source: base/_colors.scss, line 14

3.1.2 Grey

  • #191919;

    $grey-80
  • #333;

    $grey
  • #666;

    $grey-60
  • #999;

    $grey-40
  • #ccc;

    $grey-20
  • #e5e5e5;

    $grey-10
  • #f9f9f9;

    $grey-light

Source: base/_colors.scss, line 33

3.1.2 Green

  • #66cc00; used only on the GP wordmark

    $gp-green
  • #8bcc49;

    $gp-green-80
  • #abd879;

    $gp-green-60
  • #c7e5a5;

    $gp-green-40
  • #e3f2d3;

    $gp-green-20
  • #003300;

    $green
  • #1b4a1b;

    $green-80
  • #4a7a4a;

    $green-60
  • #94b794;

    $green-40
  • #d9e6d7;

    $green-20

Source: base/_colors.scss, line 88

3.1.3 Orange

  • #f36d3a;

    $orange
  • #ee562d;

    $orange-hover
  • #cd4525;

    $orange-active

Source: base/_colors.scss, line 5

3.1.4 Primary

  • #000;

    $black
  • #fff;

    $white

Source: base/_colors.scss, line 73

3.1.5 Yellow

  • #ffd204;

    $yellow
  • #ffdb34;

    $yellow-80
  • #ffe467;

    $yellow-60
  • #ffed98;

    $yellow-40
  • #fff6cd;

    $yellow-20

Source: base/_typography.scss, line 22

3.3.1 Headings

Heading elements <h1> <h6>. All headings use Roboto font.

Example

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog

Markup

<h1>The quick brown fox jumps over the lazy dog</h1>
<h2>The quick brown fox jumps over the lazy dog</h2>
<h3>The quick brown fox jumps over the lazy dog</h3>
<h4>The quick brown fox jumps over the lazy dog</h4>
<h5>The quick brown fox jumps over the lazy dog</h5>
<h6>The quick brown fox jumps over the lazy dog</h6>

Source: base/_typography.scss, line 10

3.3.3 Paragraphs

All plain text elements use Lora font.

Example

The quick brown fox jumps over the lazy dog

Markup

<p>The quick brown fox jumps over the lazy dog</p>