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
#005f73Use for primary buttons, section anchors, important headings, and high-confidence brand moments.
#0a9396Use for supporting accents, secondary highlights, links, and lighter interface details.
#ee9b00Use sparingly for calls to action, key emphasis, labels, and conversion-oriented highlights.
#14213dUse for primary copy, headings, and readable body text.
#64748bUse for secondary text, helper copy, metadata, and subdued details.
#f8fafcUse 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 DevworksStandard 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
