![](https://github.com/blaylockbk/Herbie/blob/main/docs/_static/HerbieLogo2_tan_transparent.png?raw=true)

# 🎨 Style Guide

## Font
DejaVu Sans Bold

## 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

### Transparent Background
![](https://github.com/blaylockbk/Herbie/blob/main/docs/_static/HerbieLogo2_tan_transparent.png?raw=true)

### Tan Background
![](https://github.com/blaylockbk/Herbie/blob/main/docs/_static/HerbieLogo2_white.png?raw=true)
