https://github.com/adrastia-oracle/adrastia-brand-assets

Brand assets for Adrastia.
https://github.com/adrastia-oracle/adrastia-brand-assets

Last synced: 11 days ago
JSON representation

Brand assets for Adrastia.

• Host: GitHub
• URL: https://github.com/adrastia-oracle/adrastia-brand-assets
• Owner: adrastia-oracle
• Created: 2023-07-12T00:10:31.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-16T20:48:30.000Z (over 1 year ago)
• Last Synced: 2023-10-17T09:27:44.321Z (over 1 year ago)
• Size: 244 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Adrastia Brand Assets

![Adrastia Logo](logo/dark-background/horizontal.svg)

This repository contains the Adrastia brand assets.

## Logo

Please see the [logo](logo) directory for the logo assets.

## Colors

### Foundation and principles

We closely follow [Material Design](https://m2.material.io/design/introduction)'s principles.

### Palette

We use the Material Design color palette. [See here](https://materialui.co/colors/) for a tool to generate the palette.

### Primary

Our primary color promotes the importance of reliability and transparency.

Primary color: `#2196F3` (md-blue-500)

Shades:

| Name | Hex |

| ---- | --- |

| md-blue-50 | `#E3F2FD` |

| md-blue-100 | `#BBDEFB` |

| md-blue-200 | `#90CAF9` |

| md-blue-300 | `#64B5F6` |

| md-blue-400 | `#42A5F5` |

| md-blue-500 | `#2196F3` |

| md-blue-600 | `#1E88E5` |

| md-blue-700 | `#1976D2` |

| md-blue-800 | `#1565C0` |

| md-blue-900 | `#0D47A1` |

### Secondary

Our secondary color is used sparingly to bring special attention to certain elements.

Secondary color: `#FFC107` (md-amber-500)

Shades:

| Name | Hex |

| ---- | --- |

| md-amber-50 | `#FFF8E1` |

| md-amber-100 | `#FFECB3` |

| md-amber-200 | `#FFE082` |

| md-amber-300 | `#FFD54F` |

| md-amber-400 | `#FFCA28` |

| md-amber-500 | `#FFC107` |

| md-amber-600 | `#FFB300` |

| md-amber-700 | `#FFA000` |

| md-amber-800 | `#FF8F00` |

| md-amber-900 | `#FF6F00` |

## Typography

### Title font

We use the [El Messiri](https://fonts.google.com/specimen/El+Messiri) font for titles.

### Body font

We use the [Poppins](https://fonts.google.com/specimen/Poppins) font for body text.

## Credits

Credits to Jimbo and Tea from [Shoutbam](https://www.shoutbam.com/) for designing the logomark.