# 🎨 Style Guide

The SynopticPy logo and colors are inspired by a blend between Synoptic and Polars. The columns represent a DataFrame and make an "S" shape.

Thanks to [Nathan Blaylock](https://nathanblaylock.com/) for improving the logo design!

## Font: [Signika](https://fonts.google.com/specimen/Signika)

## Colors

### Blue : #1D4795

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

### Light Blue : #74C1E3

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

### White: #ffffff

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

## Samples

<img src="../_static/SynopticPy_blue.svg" width=200 style='background-color:transparent;'>

<br>
<br>

<img src="../_static/SynopticPy_light-blue.svg" width=200 style='background-color:transparent;'>

<br>
<br>

<img src="../_static/SynopticPy_white.svg" width=200 style='background-color:transparent;'>

<br>
<br>

<img src="../_static/SynopticPy_light-blue-white.svg" width=200 style='background-color:transparent;'>

<br>
<br>

<img src="../_static/logo_SynopticPy_blue.svg" width=200 style='background-color:transparent;'>

<br>
<br>

<img src="../_static/logo_SynopticPy_light-blue.svg" width=200 style='background-color:transparent;'>

<br>
<br>

<img src="../_static/logo_SynopticPy_white.svg" width=200 style='background-color:transparent;'>

<br>
<br>

<img src="../_static/logo_SynopticPy_light-blue-white.svg" width=200 style='background-color:transparent;'>