Available for consulting

Brand Design · Identity System · 2024

CovenantIQ

Brand Identity System

Designing the complete visual identity for a fintech startup entering the middle-market lending space — from logo concept through brand guidelines, color system, and design tokens, ready for product and marketing use on day one.

Role

VP of Product Design, Founding Designer

Timeline

2024 (concurrent with product)

Industry

Fintech / Middle-Market Lending

Deliverable

Full brand guidelines & design system

3

Logo variants — full, abbreviated CiQ, icon-only

11

Brand colors in the core palette with light/dark modes

1

Distinctive icon mark built to scale across all contexts

Building trust in a market defined by legacy institutions

CovenantIQ was entering a market dominated by regional banks and established financial institutions — a world where trust, accuracy, and professionalism signal credibility. As the company's first designer and founding team member, I was responsible for building the complete brand identity from scratch, concurrent with designing the product itself.

The brand needed to accomplish three things at once: convey the intelligence and analytical power of the platform, feel trustworthy and credible to enterprise banking buyers, and differentiate CovenantIQ from legacy, spreadsheet-era tools. The name itself provided a strong starting point — covenant (contractual, precise, binding) and IQ (intelligent, analytical) — and became the conceptual foundation for the visual language.

"The brand couldn't feel like another generic fintech startup. It needed to signal precision and intelligence to people who spend their days managing risk."

CovenantIQ logo system — the abacus icon mark and logotype

Logo system — The CovenantIQ logo pairs an abacus-inspired icon mark with the Figtree Semibold logotype. The horizontal logo is the primary usage; the abbreviated CiQ version is used in product contexts where space is constrained.

The abacus as a symbol of calculated intelligence

The abacus icon mark is the conceptual heart of the brand. An abacus is one of humanity's oldest calculation tools — precise, systematic, and deliberate. For a platform built to bring accuracy and intelligence to covenant monitoring, the metaphor was exact. The abstract, geometric rendering of the abacus keeps it contemporary without losing the underlying meaning.

The icon is composed of three columns of circles in the brand's three accent colors — teal, amber, and rose — at graduated scales. This structure gives the mark a sense of hierarchy and data structure, echoing the layered, analytical nature of the product. At small sizes (app icon, favicon), the geometry remains legible. At large display sizes, the abstract quality becomes a strength.

The logotype is set in Figtree Semibold — a geometric sans-serif that pairs the lowercase "i" in IQ with a deliberate optical adjustment, creating a distinctive "iQ" ligature that becomes a recognizable trademark detail.

Abacus icon mark detail — the geometric icon construction

Icon mark — The abstract abacus, shown at display scale. Three columns, three accent colors, graduated circle sizes — structured to suggest data hierarchy.

Logo usage guidelines showing light and dark background applications

Usage on backgrounds — Light and dark logo variants, with the abbreviated CiQ logo for product contexts. All variants tested for accessibility and legibility.

A three-accent palette with full semantic coverage

The color system is built around three primary accent colors — teal (#0EB1D2), amber (#EDAE49), and rose (#D1495B) — each with three shades for UI flexibility. These three hues appear in the icon mark and carry throughout the product interface as semantic color indicators: teal for primary actions and data, amber for warnings and highlights, rose for alerts and critical states.

The neutral foundation pairs near-black (#201F1F) with a rich navy (#262D55) for depth, supported by a blue-gray scale (F5F7FA through 53596B) that handles backgrounds, borders, and secondary text across light and dark modes. The palette was built as design tokens in Figma, mapped directly to the CIQ design system for seamless handoff between brand and product.

Black

#201F1F

Navy

#262D55

Teal

#0EB1D2

Amber

#EDAE49

Rose

#D1495B

CovenantIQ core color palette from brand guidelines

Core color palette — The full brand color system from the official guidelines, showing primary accents, shade variants, and the neutral blue-gray scale used for UI foundations.

From brand concept to production-ready design tokens

All deliverables were created in Figma and built to serve both brand and product simultaneously. The brand guidelines document was designed to be usable by engineers, marketers, and future designers without interpretation — every decision was documented with rationale.


A brand that launched with the product and scaled with it

The brand identity launched simultaneously with the product — unusual for a startup, where brand often trails the product. Because the design system was built on the same tokens as the brand guidelines, the product and marketing materials felt visually unified from day one.

Day-one brand consistency

Brand and product launched together, using shared design tokens. No visual debt accumulated from launching without a brand system.

Adopted by engineering directly

Design tokens flowed from brand guidelines into the React component library, ensuring pixel-perfect brand fidelity in the product without manual translation.

Credibility with enterprise buyers

The refined, professional identity helped establish trust with regional banks and private credit firms — a critical signal in regulated financial services.

Scalable across all contexts

The icon mark and logo system were designed to work from 16px favicons to large-scale marketing contexts, ensuring longevity as the brand grows.


Back to Work

View all case studies

← Back to Work