Style Guide

Color Swatches

Teal

HSL(180, 92.21%, 30.2%)

HEX #0A9090

RGB(10, 144, 144)

Dim Gray

HSL(0, 0%, 29.02%)

HEX #4A4A4A

RGB(74, 74, 74)

White Smoke

HSL(20, 10%, 94%)

HEX #F2F0EF

RGB(242, 239, 233)

African Violet

HSL(268.4, 30.2%, 62.9%)

HEX #9F84BD

RBG(159, 132, 189)

Fonts

Times New Roman

The quick brown fox jumps over the lazy dog.
0 1 2 3 4 5 6 7 8 9

The quick brown fox jumps over the lazy dog.
0 1 2 3 4 5 6 7 8 9

The quick brown fox jumps over the lazy dog.
0 1 2 3 4 5 6 7 8 9


Verdana

The quick brown fox jumps over the lazy dog.
0 1 2 3 4 5 6 7 8 9

The quick brown fox jumps over the lazy dog.
0 1 2 3 4 5 6 7 8 9

The quick brown fox jumps over the lazy dog.
0 1 2 3 4 5 6 7 8 9


Mayan Number Open Sans

0 1 2 3 4 5

These are the "keyboard" numerals 0-5, visually changed to represent horizontal Mayan numerals. These symbols are the "building blocks" of all other Mayan numerals, and due to their horizontal positioning can create numbers far past 19.

Babelstone Mayan Numerals

𝋠 𝋡 𝋢 𝋣 𝋤 𝋥 𝋦 𝋧 𝋨 𝋩 𝋪 𝋫 𝋬 𝋭 𝋮 𝋰 𝋱 𝋲 𝋳

These Mayan numerals are presented "vertically"; due to line heights, one a single digit of Mayan numerals can be shown at once. Unicode is required for these numerals.

Text Styles

H1: Title

  • Font: Verdana
  • Border: 3px Solid Teal
  • Background: Off-White
  • Radial Gradient
  • Text Alignment: Center

H1: Heading

  • Font: Times New Roman
  • Color: Dim Gray
  • Border: 2px dotted Teal
  • Text Alignment: Center

H2: Subheading

  • Font: Times New Roman
  • Color: Dim Gray
  • Bottom Border: 2px dotted Teal
  • Text Alignment: Center

P: Paragraph Text

  • Font: Times New Roman
  • Color: Dim Gray