Brand assets and guidelines

Specifications, logo assets, color codes, and visual rules for maintaining the TechFerment brand identity.

Logos & assets

Our logos are available in both light and dark versions. Use the appropriate version to maintain contrast and legibility at all times.

Primary Brand Logo

Primary Brand Logo

Use on light backgrounds for primary brand visibility.

333 × 80 px
Alternate Light Logo

Alternate Light Logo

Use on dark backgrounds to ensure legibility.

333 × 80 px
Brand App Icon (Dark)

Brand App Icon (Dark)

Use for square layouts and social profiles.

512 × 512 px
Brand App Icon (Light)

Brand App Icon (Light)

Use on dark square layouts and profiles.

512 × 512 px

Color system

Our color palette is anchored in professional deep teal colors paired with soft mint accents and dark navy typography. Click any color card to copy its Hex code.

Typography

We use the modern geometric font family Funnel Display for our headers, titles, and body content, achieving a highly clean and state-of-the-art aesthetic.

Primary Typeface

Funnel Display

Sans-serif Family, geometric, modern.

Font Fallbacks

system-ui, -apple-system, sans-serif

Styles Specimen
Title 1 — bold / clamp(2.25rem, 6vw, 4.75rem)

Digital Excellence

Section Heading — medium / clamp(1.875rem, 4vw, 3.5rem)

Professional Software

Card Title — medium / clamp(1.375rem, 2.5vw, 1.8rem)

Craft & Committment

Body Text — regular / 16px

We stay current with tools and practices so your product remains competitive long after launch. Polished UX is non-negotiable.

Asset usage guidelines

Please follow these baseline rules when integrating and presenting our brand assets.

Do

  • Maintain a clear spacing zone around the logo equal to at least 50% of the logomark height.
  • Use the dark logo version only on white or light backgrounds to guarantee readability.
  • Use the white/light logo version on black, primary teal, or highly saturated dark image backgrounds.

Do not

  • Do not stretch, distort, or rotate the logo assets. Always scale them proportionally.
  • Do not recolor the logo. Only use the provided primary and mono-white/dark files.
  • Do not overlay text or busy background patterns directly behind the logo.

Need a custom brand partnership?

We design cohesive design systems, custom component libraries, and brand guidelines for our product partners.

Work with us