QQAnvas
Brand Kit

QAnvas Brand Kit

Official assets, colour palette, typography guidelines, and usage rules for the QAnvas brand.

Logos

Use the appropriate logo variant for the background and available space. Always maintain clear space around the mark.

Primary — Horizontal

QAnvasVISUAL TEST ORCHESTRATION
Horizontal logo with wordmark (dark background)

Stacked

QAnvasVISUAL TEST ORCH.
Stacked logo (dark background)
QAnvasVISUAL TEST ORCH.
Stacked logo (teal background)

App Icon & Favicon

Primary (teal filled)
Outline (light background)
Primary (small)
Outline (small)

Colour Palette

Teal is the primary brand colour. Indigo is the secondary accent. Click any swatch to copy its hex value.

Typography

DM Sans for all product and marketing text. DM Mono for code, IDs, and numeric data.

DM SansPrimary typeface — headings & body
Display

Cloud operations, simplified.

H1

Build. Monitor. Respond.

H2

Workflow Automation

H3

Alert Management

H4

Node Configuration

Body

QAnvas provides teams with the tools they need to automate, monitor, and respond to cloud events at scale.

Caption

Last updated 2 minutes ago · 4 workflows active

Label

STATUS · ALERT · NODE TYPE

DM MonoMonospace typeface — code, IDs & metrics
Code

workflow.trigger("on_alert", { severity: "critical" });

Metric

99.97% uptime · 142ms avg latency · 3 active incidents

ID

wf_01HX9PQZN3M7KBTYV2C6RJSD4E

Usage note — Use DM Sans for all UI text, headings, and marketing copy. Reserve DM Mono exclusively for code snippets, workflow IDs, terminal output, and numeric metrics where fixed-width alignment matters.

Social Banners & Email Signature

Production-ready assets for social profiles, link previews, and email footers.

LinkedIn / X Cover — 1500 × 500
QAnvas

Visual Test Orchestration

Open Graph Image — 1200 × 630
QAnvas

Visual Test Orchestration

Email Signature — 500 × 72
QAnvas

Jane Smith

Test Automation Engineer

jane@qanvas.io

Usage Guidelines

Follow these rules to ensure brand consistency across all touchpoints.

Do
  • Use the teal (#1D9E75) logo on dark or neutral backgrounds.
  • Maintain clear space equal to the height of the Q mark around the logo on all sides.
  • Use approved logo variants — horizontal for wide layouts, stacked for square or compact spaces.
  • Use DM Sans for all product UI copy and marketing materials.
  • Pair the brand teal with Ink (#0D0F12) or white for maximum contrast.
  • Use Lightest Teal (#E1F5EE) as a subtle tint background for teal-adjacent sections.
Don't
  • Do not stretch, skew, or distort the logo in any direction.
  • Do not place the logo on a busy or low-contrast background.
  • Do not change the logo colours or apply gradients to the mark.
  • Do not use Error Red (#E24B4A) as a primary brand colour — reserve for error states only.
  • Do not use typefaces other than DM Sans and DM Mono in brand materials.
  • Do not add drop shadows, outlines, or effects to the logo.