Design system v1 / 2026

Business-first marketing with one clear visual voltage.

Quadigy should feel editorial, exacting, and commercially awake. The system is dark-first, sharp-edged, logo-led, and built to carry the firm’s four-part method: Positioning, Credibility, Visibility, Demand.

01 / Identity

The mark is the anchor. Everything else gets quieter.

The cube-like Q mark already carries the brand’s signal: constructed, dimensional, blunt, and memorable. Use it confidently, with generous clearspace and very few competing shapes.

Quadigy full white logo
Primary on dark

Use the white lockup on dark navy, black, image overlays, and high-contrast presentation covers.

Quadigy blue mark with black wordmark
Formal on light

Use the blue mark with black wordmark on white, paper, proposals, invoices, formal documents, and light web surfaces.

Brand-forward variant

Use colored mark lockups when the artifact needs stronger brand energy. Keep to one accent family per page or section.

Quadigy blue mark with white wordmark
Quadigy green mark with white wordmark
Quadigy pink mark with white wordmark
Quadigy yellow mark with white wordmark
Wordmark-only use

The colored wordmarks are allowed for compact placements, social crops, internal dividers, merch, and layouts where the full lockup would feel too heavy.

Quadigy black wordmark
Quadigy white wordmark
Quadigy blue wordmark
Quadigy green wordmark
Quadigy pink wordmark
Quadigy yellow wordmark
Clearspace

Clearspace wraps the complete logo unit: mark plus wordmark. The measuring module comes from the Q in the wordmark.

Quadigy full logo unit clearspace diagram
Favicon and square placements

Use the mark only for square or tiny contexts. The wordmark should not be used where it will collapse, crop, or become unreadable.

Quadigy mark-only transparent square asset
Quadigy mark-only square asset on navy
Mark only

Favicon, app icon, LinkedIn profile, social avatar.

  • Use the standalone Q mark, never the full lockup or wordmark.
  • Keep the mark centered in a square canvas with enough breathing room for platform masks.
  • Default to the blue mark. Use a navy square background when the platform needs a filled avatar tile.
  • Do not place text, initials, descriptors, or campaign tags inside the square mark asset.
02 / Color

One accent per surface. Four accents across the system.

The logo colors are exact: blue, green, pink, and yellow. The brand should be mostly navy, paper, white, and ink. The electric colors should behave like proof marks, practice tags, CTAs, and decisive highlights.

Positioning

Yellow

#FFEF00
Credibility

Pink

#FF28A2
Visibility

Blue

#2323FF
Demand

Green

#4EFF00
90%

Navy, ink, paper.

Most pages should feel calm, serious, and spacious.

9%

One signal color.

Pick the practice color that matches the message.

1%

Voltage moment.

A CTA, a proof number, a divider, or a decisive highlight.

03 / Typography

Serif for the argument. Grift for the work. Mono for the evidence.

The type system gives Quadigy its editorial-business character. Avoid decorative type tricks. Make the hierarchy do the work.

Source Serif 4 / display / 500

Start with what is not working.

Grift / heading and body / 400-750

Positioning · Credibility · Visibility · Demand

JetBrains Mono / metadata / uppercase

Proof / 04 · Revenue, not impressions

04 / Practice System

The four practices are brand architecture, not just services.

Every sales artifact, diagnostic, case study, and campaign should be mappable to these four practices. They are the repeatable vocabulary that makes Quadigy easier to understand and easier to buy.

P

Positioning

How you are understood, remembered, and chosen.

Brand · Messaging · Narrative · Audience
C

Credibility

The trust layer that shortens sales cycles and raises perceived seriousness.

Proof · Case studies · Executive content
V

Visibility

The infrastructure that helps buyers find you where they already look.

Web · SEO · Social · Email
D

Demand

Attention converted into qualified pipeline with commercial discipline.

ABM · Campaigns · Enablement
05 / Components

Sharp, restrained, and made for repeated business use.

Cards, buttons, labels, forms, and navigation should be quiet enough for consulting work and distinctive enough to feel like Quadigy. Borders over shadows. Pill CTAs only where action is clear.

Buttons 44px min-height · pill radius · accent fill · no icon unless functional
Proof card
Demand / result

Followers doubled in one year.

Use proof objects as compact evidence blocks: one label, one claim, one supporting sentence.

06 / Voice

Plainspoken, diagnostic, business-first.

Quadigy’s copy should sound like people who have sat inside the business, not like an agency presenting moodboards. Short claims. Specific nouns. No inflated adjectives.

Lead with the problem.

“Your marketing exists. The signal does not.”

Make the commercial link.

“A clearer position changes pricing power, sales velocity, and who replies.”

Cut soft language.

Say “pipeline,” “proof,” “decision,” and “buyer.” Avoid “journey,” “delight,” and “best-in-class.”

07 / Applications

The system should scale from decks to web to sales collateral.

Use the same structure everywhere: mono marker, strong claim, business proof, disciplined accent. The format can change; the rhythm should not.

Proof / 03

The capability existed. The marketing did not show it.

Positioning + Credibility + Visibility
Reusable layout grammar

A Quadigy page needs a claim and a proof object.

Never let a page become a collection of feature cards. Every screen should move from diagnosis to decision.

08 / System Rules

The missing pieces that keep the system usable.

A design system is only useful if teams can make consistent decisions without asking every time. These rules cover the areas that usually get missed in a first-pass brand system.

Logo minimums

Protect readability before composition.

Use the full lockup only when the wordmark is legible. Switch to the mark-only asset for small square placements.

Do Readable full Quadigy lockup
Don't Too-small Quadigy lockup
  • Full lockup: 160px wide minimum on screen.
  • Wordmark-only: 96px wide minimum.
  • Mark-only: 24px minimum for favicon/UI use.
Do not

Do not remix the identity.

The mark is already distinctive. Avoid effects that make it feel less precise.

Do Approved Quadigy logo color
Don't Distorted Quadigy logo example
  • No gradients, shadows, bevels, outlines, or glow on the logo.
  • No stretching, rotating, masking, or recoloring outside approved colors.
  • No placing the wordmark inside profile-photo crops.
Layout

Use editorial grids, not decorative blocks.

Quadigy layouts should feel structured, spacious, and business-first.

Do
Don't
  • Web: 12-column grid, max width around 1320px.
  • Slides: strong margins, one dominant proof object per slide.
  • Avoid nested cards and over-decorated sections.
Accessibility

High contrast is part of the brand.

The electric colors are accents, not body-copy colors. Keep reading surfaces calm.

Do White body copy on navy.
Don't Neon body copy for paragraphs.
  • Use white or ink for body copy.
  • Reserve neon colors for labels, highlights, CTAs, and proof marks.
  • Never rely on color alone to communicate status or meaning.
Square use

Use the mark only in cropped spaces.

Favicons, app icons, LinkedIn profiles, and social avatars need the standalone mark, not a compressed wordmark.

Do
Quadigy mark in square avatar
Don't
Full Quadigy lockup cropped in square avatar
  • Use the mark-only square for platform avatars.
  • Keep the mark centered and uncropped.
  • Do not add text or campaign tags inside the square.
09 / Downloads

Approved assets, ready to use.

Download logos from here when building decks, proposals, social profiles, and web pages. Use the full lockup for readable horizontal placements, the wordmark when space is narrow, and the mark-only square for favicons or platform avatars.

Quadigy black wordmark

Wordmarks

Use for compact horizontal placements, social crops, merch, dividers, and layouts where the mark would feel too heavy.