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

• Whitney SSm (.TTF)

</aside>

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

Brand Fonts

Display

<aside>

Display

Font-size: 60px/3.75rem

Line-height: 68px/4.25rem

Letter-spacing: -3px/-0.1875rem

</aside>

<aside>

Heading XL

Font-size: 48px/3rem

Line-height: 54px/3.375rem

Letter-spacing: -2px/-0.125rem

</aside>

<aside>

Heading L

Font-size: 40px/2.5rem

Line-height: 46px/2.875rem

Letter-spacing: -2px/-0.125rem

</aside>

<aside>

Heading M

Font-size: 36px/2.25rem

Line-height: 40px/2.5rem

Letter-spacing: -1px/-0.0625rem

</aside>

<aside>

Heading S

Font-size: 32px/2rem

Line-height: 36px/2.25rem

Letter-spacing: -1px/-0.0625rem

</aside>

Title

Eyebrow

Paragraph

</aside>

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

</aside>