Brand Kit · v1.0

The Brand System

Quire

Content from context. This is the visual language that holds it together — colors, type, the mark, the voice. Use it as a compass, not a cage.

01Color

Palette

A confident gradient — pink to purple to blue — sits on a calm neutral foundation. The gradient is the brand. Neutrals are the page.

Signature Gradient

120° · 3-stop

linear-gradient(120deg, #FF5A8A 0%, #A855F7 50%, #4F8DFB 100%)

Hot Pink#FF5A8A

Accent · gradient start

Iris#A855F7

Accent · gradient mid

Azure#4F8DFB

Accent · gradient end

Neutrals

Ink#0B0B0E

Primary text · logo mark

Muted#6B7280

Secondary text · captions

Line#E6E8EE

Borders · dividers

Surface#F7F7F9

Card backgrounds · subtle fills

Paper#FFFFFF

Default page background

02Type system

Typography

Display — Plus Jakarta Sans

Geometric, confident, slightly humanist. Weights 700–800 for headlines. Tracking pulled tight (-0.035em) so big type feels carved, not typed.

700 · 800 · letter-spacing: -0.035em

Body — Inter

Inter for everything readable. 400 for prose, 600–700 for UI, all-caps with wide tracking for eyebrows and labels.

400 · 500 · 600 · 700

Type Scale

Display / 96

Content from context.

H1 / 64

Sifted, not scraped.

H2 / 40

The brand system.

H3 / 24

Plus Jakarta · 700

Body / 18

Your team's Slack conversations, meeting notes, CRM data, and project docs — sifted into publish-ready content.

Eyebrow / 12

ONE WORKSPACE · ALL YOUR CONTEXT

03Logo

The Mark

Quire

Clear space

Maintain space equal to the mark's height on all sides.

Minimum size

16px digital · 8mm print. The mark stays legible.

Pairing

Wordmark sits to the right, optical-aligned, never below.

Don't

Re-tint the gradient, stretch, rotate, or place on busy imagery.

04How Quire speaks

Voice

Clear, confident, a little dry. The voice of a smart colleague who respects your time.

Quire writes the way good product writes: short sentences, real verbs, no marketing fog. Lead with what the thing does. Trust the reader to keep up.

Avoid the SaaS vocabulary that has gone flat — "revolutionary," "unlock," "supercharge," "seamless," "AI-powered." If a sentence still works after deleting an adjective, delete it.

We say

"Content from context."

"Your team already wrote it."

"Sifted, not scraped."

"No more blank pages."

We don't

"Unlock the power of AI."

"Supercharge your workflow."

"Revolutionary. Seamless. 10x."

"Let our intelligent agents…"

05UI components

Elements

Buttons

Never

✕Re-tint the signature gradient.

✕Use sparkle (✨) icons. Anywhere.

✕Stock photography of teams pointing at laptops.

✕Buzzwords: revolutionary, seamless, unlock, 10x.

✕Set body copy in the display font.

✕Place the gradient behind body text — contrast dies.

✕Add more than one gradient surface per screen.

✕Lowercase the wordmark. It is always Quire.