Brand Design · Identity System · 2024
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.
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
The Brief
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."
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 Concept
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.
Icon mark — The abstract abacus, shown at display scale. Three columns, three accent colors, graduated circle sizes — structured to suggest data hierarchy.
Usage on backgrounds — Light and dark logo variants, with the abbreviated CiQ logo for product contexts. All variants tested for accessibility and legibility.
Color System
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
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.
Deliverables
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.
Outcomes
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.