Brand
Guidelines

The complete guide to TidyHire’s visual identity, logo system, typography, and creative brand assets.

Download Brand Kit
Brand Guidelines Illustration

Colors

Primary Colors

TidyHire’s visual identity is built around three core solid colors: Tidy Black, Tidy White, and Tidy Orange. Black and white provide the high-contrast foundation for clean, minimal layouts, while Tidy Orange is used intentionally as a focused primary accent to highlight critical actions and key brand moments. All surfaces use solid tones without decorative gradients to ensure immediate clarity, hierarchy, and accessibility.

Secondary Colors

The secondary palette (Emerald, Sky, Purple, Pink, and Red) adds functional flexibility for system states, analytics, metrics, tags, and product illustrations. They are applied selectively as solid accents and should never compete with Tidy Orange or dilute the primary monochrome hierarchy.

Usage Proportions

Black + White — Foundation & structure (80%)

Tidy Orange — Primary accent & actions (15%)

Secondary Colors — Supporting functional accents (5%)

Tidy Black
#000000
Tidy White
#E8E8E8
Tidy Orange
#EA580C
#22C55E
#0EA5E9
#A855F7
#EC4899
#D0202C

Typography

TidyHire combines Instrument Serif, Inter, and Geist Mono to create a balance between editorial character and modern technology. Instrument Serif brings personality and distinction to headlines, while Inter keeps supporting content clear and easy to read. Geist Mono is used selectively for numbers, labels, data, and technical details.

Instrument Serif Used for large headlines, statements, and key brand moments. It gives TidyHire a distinctive and sophisticated character.

Inter Used for supporting headlines, body copy, UI, CTAs, and everyday communication. It provides clarity and consistency across digital and marketing touchpoints.

Geist Mono Used sparingly for numbers, labels, metrics, tags, and data-focused content. It adds a subtle technical character without overwhelming the design.

Instrument Serif

Google Fonts

Aa Bb cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789

Inter

Google Fonts

Aa Bb cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789

Geist Mono

Google Fonts

Aa Bb cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789

H1Instrument Serif, Regular
A better way to work
H2Instrument Serif, Regular
A better way to work
H3Inter, Medium
A better way to work
PInter, Regular
A better way to work
DigitsGeist Mono, Regular
A better way to work

Illustrations

TidyHire illustrations should feel clean, modern, dimensional, and purposeful. Use simple compositions, strong contrast, and generous negative space to communicate an idea without adding visual noise.

Illustrations should support the message, not compete with it. Use TidyHire’s core colors and visual language consistently, with orange and the secondary palette used as intentional accents.

Keep it:Simple · Clear · Dimensional · Purposeful
Avoid:Overly complex scenes · Generic AI visuals · Excessive decoration
Unnecessary effects:For the example shown on the right, I would also avoid making the guideline say that this exact 3D/video-call style is TidyHire's illustration style. It's better to define the principles so you can change visual styles later without breaking the brand.

Backgrounds

TidyHire backgrounds and decorative surfaces provide depth, dimensionality, and architectural structure without distraction. Use kinetic dot meshes, particle surfaces, and dashed layout frames intentionally to establish a technological yet refined feel.

Background textures should remain calm and atmospheric, giving content room to breathe while grounding the product experience in a unified, tactile design language.

Dashed Grid:Architectural layout frames defining 1200px bounds with 20% opacity lines.
Kinetic Surfaces:Static and reactive dot matrices establishing depth.
Texture & Mesh:Tactile particle scanlines, radial dot grids, and ambient glows.
++++
Brand Assets & Resources

Brand Kit

Everything you need to design and build with the TidyHire visual identity — including the full logo set (SVG & PNG) and complete brand font families.

Download Brand Kit