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

Typography is made up of seven different group types. Display, Heading, Title, Eyebrow, Paragraph, Caption, and Footer.

<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 Sans.zip

</aside>

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

Brand Fonts

Font Weights

• Medium: 500
• Semi Bold: 600
• Bold: 700

Display

<aside>

Display

Font-size: 64px/4rem

Line-height: 68px/4.25rem

Letter-spacing: 0px/-0rem

</aside>

<aside>

Heading XL

Font-size: 52px/3.25rem

Line-height: 54px/3.375rem

Letter-spacing: 0px/0rem

</aside>

<aside>

Heading L

Font-size: 44px/2.75rem

Line-height: 46px/2.875rem

Letter-spacing: 0px/0rem

</aside>

<aside>

Heading M

Font-size: 40px/2.5rem

Line-height: 42px/2.625rem

Letter-spacing: 0px/0rem

</aside>

Title

Eyebrow

</aside>

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

</aside>