<aside>

Basics


Logo

Colors

Typography

Icons

Layout & Grids

Resources


Figma Component Library

Video Assets

Collateral


Email Signature

Business Cards

WIP


Imagery

Animation

App

Lower Thirds

Social Headers

Brand Images

Keynote/Google Slide Templates


</aside>

Brand Colors

Resources to help create on-brand designs.

<aside> <img src="/icons/save_gray.svg" alt="/icons/save_gray.svg" width="40px" />

Resources


https://www.figma.com/design/koQi6oHZUd8seeUTusi1Pv/Photon-Core?node-id=6753-66459&t=poARrJIAc4H9Yld0-1 (Angel’s Figma Style Guide)

Angel Color Swatches (Adobe ASE)

Angel Color Sheet.pdf

</aside>

<aside> <img src="/icons/color-palette_gray.svg" alt="/icons/color-palette_gray.svg" width="40px" />

Angel Brand Colors


Shades

These colors are to be used as supporting colors in backgrounds, text, separators, etc.

BLACK
#000000

BLACK #000000

WHITE
#FFFFFF

WHITE #FFFFFF


Neutral

These colors are to be used as supporting colors in backgrounds, text, separators, etc.

100
#F5F5F4

100 #F5F5F4

200
#E6E6E6

200 #E6E6E6

300
#DFDEDD

300 #DFDEDD

400
#C3C1C0

400 #C3C1C0

500
#9D9C9B

500 #9D9C9B

600
#7B7979

600 #7B7979

700
#595A5B

700 #595A5B

800
#3B3C3C

800 #3B3C3C

900
#262626

900 #262626

925
#1D1D1D

925 #1D1D1D

950
#1D1D1D

950 #1D1D1D


Brand Primary

These colors are to be used for information messages and states. These colors should be used sparingly.


Brand Secondary

These colors are to be used for information messages and states. These colors should be used sparingly.


Information

These colors are to be used for information messages and states. These colors should be used sparingly.

</aside>

<aside> <img src="/icons/chemistry_gray.svg" alt="/icons/chemistry_gray.svg" width="40px" />

</aside>