Logo
The full lockup with mark and wordmark. Use this wherever there is room for it.
Brand assets
Our logo, colors, and typography, plus the rules that keep them recognizable. Please don't alter the assets or use them to imply a partnership we haven't announced.
Logo & logomark
Three approved color variants. Pick the one that keeps the highest contrast against your background. Never recolor the mark yourself.
Logomark
The mark on its own. Use it for favicons and anywhere the lockup would be illegible.
Avatars
The mark on a solid square, ready for social profiles, app listings, and anywhere a platform asks for a profile picture. Upload the square file as-is and let the platform crop it.
Light
Black mark on white. The default for most profiles.
Dark
White mark on Matte Black. Use it on dark-mode platforms.
Purple
White mark on Slate Blue. Use it where the profile should stand out.
Colors
Use these formulas exactly. Click any swatch to copy its hex.
Core
The two colors the identity is built on. Every logo asset ships in one of them.
Brand
Accent colors. Slate Blue is the primary. It carries buttons, links, and brand surfaces.
Surface
Backgrounds and fills. Cream is the default page color.
Typography
Trayo's typographic system is built around one core typeface: Polymath.
The family also includes Black, Thin, and Italic.
Polymath is a licensed commercial typeface, so we can't redistribute the font files. Buy a license from the foundry before using it.
Get a license- Polymath Bold
- Polymath Semibold
- Polymath Regular
- Polymath Uppercase
Clear space
There should always be minimum space around every instance of the mark or lockups greater than or equal to the width of the mark.
Minimum sizes
Instances of the Trayo brand can get as large as any given context requires. But in smaller contexts, observe these minimum sizing guidelines for maximum fidelity.
Primary Lockup
Print: .25" Tall
Digital: 20px
Logomark
Print: .25" Tall
Digital: 16px
Unauthorized usage
A small sampling of what not to do with the Trayo logomark. Though only the logomark is shown here, this applies to all identity instances.
-
A — Rotated logo
-
B — Wrong color
-
C — Rotated logo
-
D — Stretched logo
-
E — Stroked logo
-
F — Drop shadow