# 🎨 Style Guide

## Font
Franklin Gothic Heavy

## Colors

### Red : #88211b
<div style="height: 30px; width: 30px; border: 2px solid black; background-color: #88211b;"></div>

- Left racing stripe, half the width of blue racing stripe 

### White : #ffffff
<div style="height: 30px; width: 30px; border: 2px solid black; background-color: #ffffff;"></div>

- Font color if background color is Tan.
- (optional) center racing stripe, half the width of blue racing stripe. If omitted, background color should be Tan or White.

### Blue: #0c3576
<div style="height: 30px; width: 30px; border: 2px solid black; background-color: #0c3576;"></div>

- Right racign stripe, twice as wide as red racing strip

### Tan: #d8c89d
<div style="height: 30px; width: 30px; border: 2px solid black; background-color: #d8c89d;"></div>

- Font color if background color is white.

### Black: #000000
<div style="height: 30px; width: 30px; border: 2px solid black; background-color: #000000;"></div>

- Text outline

## Samples

<img src="../_static/logo_new/Herbie-logo.png" style='background-color:transparent;'>
<img src="../_static/logo_new/Herbie-logo-white.png" style='background-color:transparent;'>