Master Font Colors
Core brand material: apps, websites, landing pages, guides and marketing materials use the same two font colors to maintain consistency.
Links
In-text links should be changed to a brand's primary color. For instance #430098 for Squirrels or #D60080 for Reflector 4.
Buttons
Buttons can be flat solid or white using a color outline. Preferably use the brand's primary color or Header Gray, 404040.
Master Typgraphy
Primary Fonts
- Europa - Light
- Europa - Bold
- Europa - Regular
- Europa - Regular Italic
Europa is an efficient, legible, san-serif font with a roundness that conveys both the technologic nature of our products and the friendliness of our brand.
Secondary Fonts
- Aileron - Thin
- Aileron - Regular
- Aileron - Bold
Aileron is a free font that closely resembles Europa. It's predominantly used in third-party platforms that don't support Europa. Aileron is mostly used in ads and social media images.
Tertiary Fonts
- Arial - Bold
- Arial - Regular
Arial is a ubiquitous san-serif font. Squirrels uses Arial for emails, as it's universally supported.
Trademarks
| Trademark | Type | U.S. Serial Number |
| AirParrot | Word | 86044011 |
| AirParrot | Design | 86111778 |
| AirParrot Head Logo | Design | 90520550 |
| ClassHub | Word | 87157268 |
| ClassHub Logo | Design | 87169336 |
| Ditto | Word | 87036624 |
| Ditto Logo | Design | 90520826 |
| Quick Connect | Word | 86458694 |
| Quick Connect Code | Word | 86458719 |
| Reflector | Word | 86043981 |
| Reflector 3 | Word | 87813005 |
| Reflector Director | Word | 86560787 |
| Reflector Director Logo | Design | 86560883 |
| Reflector Logo | Design | 86560846 |
| Reflector Student | Word | 86771882 |
| Reflector Student Logo | Design | 86771904 |
| Reflector Teacher | Word | 87812950 |
| ScreenToss Logo | Design | 86704362 |
| Squirrel in Cloud | Design | 86044150 |
| Squirrels | Word | 86044075 |
Squirrels Guidelines
Squirrels Logo
Do
Use Header Gray logos on white
Do
Use white logos on Header Gray or dark brand colors
Do
Use white logos on brand-colored patterns and images with brand color overlays
Don't
Place logos over non-brand colors
Don't
Alter logos in any way
Don't
Place logos over busy or off-brand backgrounds or images
Brand Colors
Ditto Guidelines
Ditto Logo
Do
Use Header Gray logos on white
Do
Use white logos on Header Gray or dark brand colors
Do
Use white logos on brand-colored patterns and images with brand color overlays
Don't
Place logos over non-brand colors
Don't
Alter logos in any way
Don't
Place logos over busy or off-brand backgrounds or images
Brand Colors
Primary
Secondary
These colors are used in icons, graphic elements, background overlays, gradients, section headers and quotes.
Background Color
Some sections, like CTAs and subtext blurbs, need to stand out slightly more than normal text. Ditto Background Green provides a subtle means to accomplish that.
Reflector 4 Guidelines
Reflector 4 Logo
Do
Use Header Gray logos on white
Do
Use white logos on Header Gray or dark brand colors
Do
Use white logos on brand-colored patterns and images with brand color overlays
Don't
Place logos over non-brand colors
Don't
Alter logos in any way
Don't
Place logos over busy or off-brand backgrounds or images
Brand Colors
Primary
Secondary
These colors are used in icons, graphic elements, background overlays, gradients, section headers and quotes.
AirParrot 3 Guidelines
AirParrot 3 Logo
Do
Use Header Gray logos on white
Do
Use white logos on Header Gray or dark brand colors
Do
Use white logos on brand-colored patterns and images with brand color overlays
Don't
Place logos over non-brand colors
Don't
Alter logos in any way
Don't
Place logos over busy or off-brand backgrounds or images
AirParrot Remote Logo
Brand Colors
Primary
Secondary
These colors are used in icons, graphic elements, background overlays, gradients, section headers and quotes.
