01. Logos02. Colors03. Typography

Blast Logos

SVG

Logomark Black

Logomark Yellow

Wordmark Black

Wordmark Yellow

Wordmark Black

Wordmark Yellow

Built On Blast

Built On Blast Inverse

Built On Blast Wordmark

Built On Blast Wordmark Inverse

Built on Blast Small

Built on Blast Small Inverse

Built on Blast Small Wordmark

Built on Blast Small Wordmark Inverse

Built on Blast Outline

Built on Blast Small Outline

Built on Blast Wordmark Outline

Built on Blast Small Wordmark Outline

PNG

Logomark Black Transparent

Logomark Yellow Transparent

Logomark Black on Yellow

Logomark Yellow on Black

Wordmark Black Transparent

Wordmark Yellow Transparent

Wordmark Black On Yellow

Wordmark Yellow On Black

USDB Logos

SVG

Logomark Black

Logomark Yellow

Wordmark Black

Wordmark Yellow

PNG

Logomark Black Transparent

Logomark Yellow Transparent

Logomark Black Transparent

Logomark Black Transparent

Colors

Yellow 300 - #FCFC03

Yellow 100 - #FCFDC7

Camo 300 - #9BA885

Camo 400 - #75835D

Camo 500 - #404833

Camo 700 - #11140C

Grayscales

Gradients

Dark Gradient
#11140C - #75835D

Light Gradient
#75835D - #C3D4A5

Alert

Lime 300 - #98DD28

Mars 300 - #ED4E1D

Typography

(Download Geom Graphic & Chakra Petch)

Aa

Geom Graphic
Light

Aa

Geom Graphic
Normal

Aa

Geom Graphic
Semi-Bold

Aa

Chakra Petch
Normal

Aa

Chakra Petch
Medium

Aa

Chakra Petch
Semi-Bold

Headings

The quick brown fox jumps over the lazy dog

H1 - 36PX / 1.3EM - Geom Graphic

The quick brown fox jumps over the lazy dog

H2 - 28PX / 1.3EM - Geom Graphic

The quick brown fox jumps over the lazy dog

H3 - 24PX / 1.3EM - Geom Graphic

The quick brown fox jumps over the lazy dog

H4 - 20PX / 1.3EM - Geom Graphic
The quick brown fox jumps over the lazy dog
H5 - 24PX / 1.3EM - Geom Graphic

Paragraphs

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.

PARAGRAPH TEXT - 16PX/ 1.8EM - Chakra Petch

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.

PARAGRAPH TEXT - 16PX/ 1.8EM - Geom Graphic

Others

Here is a caption to add on an element.

CAPTION - 12PX/ 1.4EM - Geom Graphic

Here is a label to add to your forms as needed.

LABEL - 16PX/ 1.4EM - Geom Graphic

Small text that you'll have on the page maybe for a small description.

SMALL - 14PX/ 1.4EM - Geom Graphic

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.

VERY SMALL - 12PX/ 1.6EM - Chakra Petch