IcebergQA — Brand Kit

The IQ mark

Square logo. Use the bordered dark variant by default. The solid-gold variant works on photography or when you want maximum prominence. The light variant is for light backgrounds (rare).

Dark · default

iq-mark-1024.png1024 × 1024

Download PNG

iq-mark-512.png512 × 512

Download PNG

iq-mark-256.png256 × 256

Download PNG

iq-mark-128.png128 × 128

Download PNG

iq-mark-64.png64 × 64

Download PNG

iq-mark-32.png32 × 32

Download PNG

Solid gold · max prominence

iq-mark-solid-1024.png1024 × 1024

Download PNG

iq-mark-solid-512.png512 × 512

Download PNG

iq-mark-solid-256.png256 × 256

Download PNG

iq-mark-solid-128.png128 × 128

Download PNG

Light · for light backgrounds

iq-mark-light-512.png512 × 512

Download PNG

iq-mark-light-256.png256 × 256

Download PNG

iq-mark-light-128.png128 × 128

Download PNG

Transparent · place over any background

iq-mark-transparent-512.png512 × 512

Download PNG

iq-mark-transparent-256.png256 × 256

Download PNG

iq-mark-transparent-128.png128 × 128

Download PNG

Wordmark

"IcebergQA" rendered in Georgia Bold. Gold "Iceberg" + offwhite "QA" emphasizes the QA half. Available on dark, light, monochrome gold, and transparent.

On dark · default

wordmark-512.png512 height

Download PNG

wordmark-256.png256 height

Download PNG

wordmark-128.png128 height

Download PNG

On light

wordmark-light-512.png512 height

Download PNG

wordmark-light-256.png256 height

Download PNG

wordmark-light-128.png128 height

Download PNG

Monochrome gold · transparent bg

wordmark-mono-512.png512 height

Download PNG

wordmark-transparent-512.png512 height

Download PNG

Full lockup

The mark + wordmark side by side. Use this anywhere you want a single recognizable signature: email footers, slide masters, social headers.

lockup-384.png · 384 height Download PNG

All sizes

lockup-768.png768 height

Download PNG

lockup-384.png384 height

Download PNG

lockup-192.png192 height

Download PNG

lockup-96.png96 height

Download PNG

lockup-light-384.png384 height

Download PNG

lockup-light-192.png192 height

Download PNG

Color palette

Click any swatch to copy its hex code. The page uses a deliberately small palette — near-black canvas, gold accent, off-white text. Restraint is the brand.

Primary BG

#0a0a0f

Page / canvas background. Near-black, intentionally not pure black.

Card BG

#16161f

Raised surfaces — cards, callouts, modals.

Accent Gold

#c9a84c

Primary brand color. Use sparingly: accents, CTAs, marks.

Accent Gold Light

#d4b96a

Hover state / lighter highlight. Pairs with Accent Gold.

Offwhite

#f0ece4

Primary body text on dark; cream warmth, not stark white.

Text Soft

#9a9aad

Secondary body. WCAG AA on Primary BG.

Text Muted

#9696a0

Tertiary microcopy, footers, hints. WCAG AA on Primary BG.

palette.png · 1600 × 440 full strip Download PNG

Individual swatch PNGs

swatch-primary-bg.png400 × 480

Download PNG

swatch-card-bg.png400 × 480

Download PNG

swatch-accent-gold.png400 × 480

Download PNG

swatch-accent-gold-lt.png400 × 480

Download PNG

swatch-offwhite.png400 × 480

Download PNG

swatch-text-soft.png400 × 480

Download PNG

swatch-text-muted.png400 × 480

Download PNG

Typography

Two typefaces. Cormorant Garamond for editorial weight; Inter for everything functional.

Serif · Cormorant Garamond — display & H1500–600 · clamp(2.5rem → 4.5rem)

AI is shipping code faster than most teams can trust it.

Serif · Cormorant Garamond Italic — pull-quotes & landings500 italic · clamp(1.3rem → 1.75rem)

Confidence, not just coverage.

Sans · Inter — body400 · 1rem · 1.6 line-height

Adds AI checks to your existing Selenium / Playwright scripts — and converts manual test cases into AI-driven automation. Upgrade what works. Automate what you've been doing by hand.

Sans · Inter — eyebrow / metadata800 · 0.78rem · 0.25em tracking · uppercase · gold

NEW BOOK · COMING SOON

Mono · SF Mono / Cascadia Code — code samples, file paths0.9rem · regular

jank https://example.com

Social cards

Pre-rendered share cards for Open Graph (LinkedIn, Slack, etc.) and Twitter / X.

og-card.png · 1200 × 630 · Open Graph, LinkedIn, Slack unfurl Download PNG

twitter-card.png · 1500 × 500 · X / Twitter wide Download PNG

Favicons

Square IQ mark rendered at favicon sizes. Pair with the existing SVG favicon at /favicon.svg as the primary source.

favicon-512.png512 × 512 (PWA)

Download PNG

favicon-192.png192 × 192 (Android)

Download PNG

favicon-64.png64 × 64

Download PNG

favicon-48.png48 × 48

Download PNG

favicon-32.png32 × 32

Download PNG

favicon-16.png16 × 16

Download PNG

Usage guidance

A few non-negotiables to keep the brand recognizable across surfaces.

Mark + lockup

Keep clear space equal to the height of the "Q" glyph on all sides — don't crowd it.
Never recolor the I to anything other than gold (#c9a84c) or dark.
Never stretch, skew, or rotate. Use the provided PNGs at native sizes (or any 2× multiple).
On photography, use the solid-gold variant for max contrast and stop-power.

Color

Gold is for emphasis. Lead with offwhite; punctuate with gold. Don't backdrop a paragraph in gold.
Backgrounds are dark. The brand reads as editorial-on-dark — light variants exist for special cases (printable letterhead, light-themed partner sites) but are not the default.
WCAG AA is the minimum bar. All paired tokens above meet AA on Primary BG.

Typography

Serif for editorial weight — titles, pull-quotes, marketing voice.
Sans for everything functional — body, microcopy, buttons, code paths.
Italic + gold is reserved for landing lines and manifesto pulls (e.g. Confidence, not just coverage.). Don't use it for routine emphasis.