Demobox has 19 color palettes (from Google's material ui) and 18 font pairings (from femmebot's google type project). These can be used in any combination. The following screenshots display these colors and fonts in example combinations.
The "head" font is the one used to identify a font pair. For example, to get the first example, you would have in your header:
colors: red
fontPair: Alfa Slab One
| Colors | Head | Body |
|---|---|---|
| red | Alfa Slab One | Gentium Book Basic |
| Colors | Head | Body |
|---|---|---|
| pink | Fugaz One | Monda |
| Colors | Head | Body |
|---|---|---|
| purple | Megrim | Roboto Slab |
| Colors | Head | Body |
|---|---|---|
| deep-purple | Montserrat | Domine |
| Colors | Head | Body |
|---|---|---|
| indigo | Neuton | Neuton |
| Colors | Head | Body |
|---|---|---|
| blue | Nixie One | Libre Baskerville |
| Colors | Head | Body |
|---|---|---|
| light-blue | Open Sans Condensed | Lora |
| Colors | Head | Body |
|---|---|---|
| cyan | Open Sans | Gentium Basic |
| Colors | Head | Body |
|---|---|---|
| teal | Ovo | Muli |
| Colors | Head | Body |
|---|---|---|
| green | Philosopher | Muli |
| Colors | Head | Body |
|---|---|---|
| light-green | Playfair Display | Fauna One |
| Colors | Head | Body |
|---|---|---|
| lime | Quando | Judson |
| Colors | Head | Body |
|---|---|---|
| yellow | Quattrocento | Fanwood Text |
| Colors | Head | Body |
|---|---|---|
| amber | Questrial | Old Standard TT |
| Colors | Head | Body |
|---|---|---|
| orange | Ultra | Slabo 13px |
| Colors | Head | Body |
|---|---|---|
| deep-orange | Unica One | Vollkorn |
| Colors | Head | Body |
|---|---|---|
| brown | Vast Shadow | Playfair Display |
| Colors | Head | Body |
|---|---|---|
| grey | Vollkorn | Exo |
| Colors | Head | Body |
|---|---|---|
| blue-grey | Alfa Slab One | Gentium Book Basic |