QC Devworks Brand System

Brand Guide

A practical reference for keeping QC Devworks clear, confident, consistent, and easy to build across web pages, proposals, internal assets, and campaign materials.

Brand Position

What we do

QC Devworks builds operational systems, web infrastructure, automation workflows, and marketing technology that help businesses move from manual effort to repeatable execution.

How we sound

Direct, capable, strategic, and calm. Copy should make complex systems feel understandable without oversimplifying the work.

What we avoid

Hype, vague buzzwords, overpromising, cluttered layouts, and language that makes systems work feel more complicated than it needs to be.

Core Colors

Primary Teal#005f73

Use for primary buttons, section anchors, important headings, and high-confidence brand moments.

Secondary Teal#0a9396

Use for supporting accents, secondary highlights, links, and lighter interface details.

Amber Accent#ee9b00

Use sparingly for calls to action, key emphasis, labels, and conversion-oriented highlights.

Text Navy#14213d

Use for primary copy, headings, and readable body text.

Muted Slate#64748b

Use for secondary text, helper copy, metadata, and subdued details.

Background#f8fafc

Use for page backgrounds and calm section contrast.

Typography

Primary typeface

Inter, system-ui, sans-serif

Use Inter for both headings and body copy. Headings should be strong and structured; body copy should stay concise, readable, and useful.

  • Body: 16px / 1.6 line-height
  • Headings: 800 weight / 1.15 line-height
  • Keep paragraphs short and scannable

Voice & Messaging

Write like this

  • Build the system behind better operations.
  • Turn scattered workflows into repeatable execution.
  • Design infrastructure your team can actually use.
  • Make the next step obvious.

Not like this

  • Revolutionary AI-powered digital transformation synergy.
  • We do everything for everyone.
  • Unlock unprecedented paradigm-shifting outcomes.
  • Complicated copy that hides the actual value.

Components

Primary Button

Background: primary teal. Text: white. Radius: medium. Padding: 12px 18px.

Contact QC Devworks

Standard Card

White surface, medium radius, soft shadow, 24px padding. Cards should organize ideas, not decorate empty space.

Clean Hero

Large vertical spacing, light background, focused headline, concise body copy, and one clear next action.

Layout Principles

Lead with clarity. Each page should answer what this is, who it helps, why it matters, and what to do next.

Use systems language carefully. Explain process and infrastructure without burying people in technical detail.

Keep hierarchy obvious. One primary headline, clear section headings, useful cards, and visible calls to action.

Leave breathing room. Use generous spacing and avoid crowding blocks, especially on service and audit pages.

Brand Summary

QC Devworks should feel like the partner who can step into operational complexity, identify the clean path forward, and build the systems that make progress repeatable.

Start a project