Squirrels Brand Guidelines
This is the hub for all brand guidelines, use and assets. We built this page to make it easy for you to deliver on-brand designs while respecting our brand and legal/licensing restrictions.
Downloads
This is the hub for all brand guidelines, use and assets. We built this page to make it easy for you to deliver on-brand designs while respecting our brand and legal/licensing restrictions.
DownloadsCore brand material: apps, websites, landing pages, guides and marketing materials use the same two font colors to maintain consistency.
In-text links should be changed to a brand's primary color. For instance 1A9CFB for Squirrels or FA8524 for Reflector 4.
Buttons can be flat solid or white using a color outline. Preferably use the brand's primary color or Header Gray, 404040.
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.
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.
Download AileronArial is a ubiquitous san-serif font. Squirrels uses Arial for emails, as it's universally supported.
| Trademark | Type | U.S. Serial Number |
| Acorn | Design | 88094293 |
| Acorn | Word | 88094272 |
| Acorn Nest | Design | 88094319 |
| Acorn Nest | Word | 88094303 |
| AirParrot | Word | 86044011 |
| AirParrot | Design | 86111778 |
| AirParrot 2 | Word | 86458597 |
| AirParrot 2 | Design | 86458647 |
| ClassHub | Word | 87157268 |
| ClassHub Logo | Design | 87169336 |
| Ditto | Word | 87036624 |
| Ditto Logo | Design | 87075562 |
| Ditto Logo | Design | 87075580 |
| Quick Connect | Word | 86458694 |
| Quick Connect Code | Word | 86458719 |
| Reflector | Word | 86043981 |
| Reflector 2 | Word | 86560770 |
| Reflector 3 | Word | 87812950 |
| 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 | Word | 86704335 |
| ScreenToss Logo | Design | 86704362 |
| SQRL | Word | 88094224 |
| SQRL Font Logo | Design | 88094240 |
| SQRL Head | Design | 88094255 |
| Squirrel in Cloud | Design | 86044150 |
| Squirrels | Word | 86044075 |
| Squirrels Research Labs | Word | 88094200 |
Use Header Gray logos on white
Use white logos on Header Gray or dark brand colors
Use white logos on brand-colored patterns and images with brand color overlays
Place logos over non-brand colors
Alter logos in any way
Place logos over busy or off-brand backgrounds or images
Note: Alpha Squirrels is predominantly a black-and-white brand. Stick to Header Gray except for intext links and the occasional button.
Use Header Gray logos on white
Use white logos on Header Gray or dark brand colors
Use white logos on brand-colored patterns and images with brand color overlays
Place logos over non-brand colors
Alter logos in any way
Place logos over busy or off-brand backgrounds or images
These colors are used in icons, graphic elements, background overlays, gradients, section headers and quotes.
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.
Use Header Gray logos on white
Use white logos on Header Gray or dark brand colors
Use white logos on brand-colored patterns and images with brand color overlays
Place logos over non-brand colors
Alter logos in any way
Place logos over busy or off-brand backgrounds or images
These represent the four main colors in the ClassHub logo. Use these colors sparingly. Bullet points, minor graphical elements, etc.
ClassHub marketing uses a gradient of blues and greens. These colors are used in icons, graphic elements, background overlays, gradients and, in the case of Darkest Blue, to color section headers and quotes.
Use Header Gray logos on white
Use white logos on Header Gray or dark brand colors
Use white logos on brand-colored patterns and images with brand color overlays
Place logos over non-brand colors
Alter logos in any way
Place logos over busy or off-brand backgrounds or images
These colors are used in icons, graphic elements, background overlays, gradients, section headers and quotes.
Use Header Gray logos on white
Use white logos on Header Gray or dark brand colors
Use white logos on brand-colored patterns and images with brand color overlays
Place logos over non-brand colors
Alter logos in any way
Place logos over busy or off-brand backgrounds or images
Secondary colors replicate the Reflector 3 gradient. These colors are used in icons, graphic elements, background overlays, gradients and, in the case of Darkest Purple, to color section headers and quotes.
Use Header Gray logos on white
Use white logos on Header Gray or dark brand colors
Use white logos on brand-colored patterns and images with brand color overlays
Place logos over non-brand colors
Alter logos in any way
Place logos over busy or off-brand backgrounds or images
These colors are used in icons, graphic elements, background overlays, gradients, section headers and quotes.
