// Brand book v1.0 · 2026 · Draft
syzwn brand guidelines
Grow online. Skip the agency overhead.
The identity system for a creative-led digital studio — marketing that thinks like an engineer.
Brand story
The name syzwn is Syazwan with both a’s stripped out — the founder’s name, engineered down to what’s essential.
That deletion is the whole philosophy: lean, deliberate, no excess. We remove what doesn’t earn its place — in code, in campaigns, and in the way we work with clients. What’s left does more with less.
syazwan
Remove the excess →
Mission
Help small businesses grow online — without the agency overhead.
The edge
A computer science mind running the marketing. We don’t just launch campaigns — we build the systems, sites, and data loops that make them compound. Creative that ships, and measures.
Brand values
- 01
Engineered creativity
Ideas backed by logic, data, and clean builds.
- 02
Radical clarity
No jargon, no fluff. Plain answers, real numbers.
- 03
Ship fast
Momentum beats perfection. Launch, learn, iterate.
- 04
Own the outcome
We measure success in your growth, not deliverables.
Logo
Primary wordmark
The accent period is the signature. Never omit it.
Monogram
For avatars, favicons, app icons & stamps.
Clear space & sizing
Keep clear space equal to the cap-height of the “s” on all sides. Minimum width: 96px digital, 24mm print.
Misuse
- syzwn No gradients
- syzwn No substitutes
- syzwn Don't stretch
- syzwn Don't rotate
Color
Primary accent
Signal Lime
#C9F24E
oklch(0.90 0.20 122)
Base
Ink
#0C0D0F
oklch(0.17 0.005 260)
Raised panels
Surface
#16181C
oklch(0.22 0.006 260)
Secondary text
Slate
#9AA0A6
oklch(0.71 0.011 260)
Primary text
Paper
#F4F5F3
oklch(0.96 0.003 120)
Ink and Paper carry ~90% of every layout. Signal Lime is a spotlight, not a wash — reserve it for one thing per view: a CTA, a highlight, the period. Never fill large areas of text with it.
Typography
Display
Headlines, wordmark, numbers
Aa Bb Cc
Space Grotesk
ABCDEFGHIJKLM · 0123456789
Text
Body copy, UI, long-form
Clear, human, and readable at any size.
Hanken Grotesk
Regular 400 · Medium 500 · Semibold 600 · Bold 700
Mono
Labels, metadata, the CS accent
</> growth.deploy()
JetBrains Mono
EYEBROWS · TAGS · CODE · DATA
Voice & tone
We sound like a sharp friend who happens to be an engineer: confident, plain-spoken, and allergic to buzzwords.
✓ We say
- “Your site loads in 0.9s now — that's 40% faster checkout.”
- “Here's what worked, here's what didn't. Let's cut the second one.”
- “You don't need a rebrand. You need three fixes. Here they are.”
✕ We don’t
- “We leverage synergistic omnichannel paradigms.”
- “Unlock your brand's full potential today!!!”
- “Our bespoke solutions are best-in-class.”
Direct
Short sentences. Lead with the point. Numbers over adjectives.
Grounded
Explain the "why" like a human. No hype, no fake urgency.
Optimistic
We're here to help you win. Encouraging, never condescending.
Imagery
Principles
- Show real work — screens, dashboards, results — not stock handshakes.
- High contrast, dark backgrounds, one lime highlight per frame.
- Crop tight. Let the interface or the metric be the subject.
- Natural light for people; keep it candid and unposed.
Treatment
Duotone toward Ink for atmospheric shots; full color for product and UI. A thin lime keyline or the “signal” bars can frame or annotate an image.
Graphic elements
The signal mark
Four ascending bars — growth, momentum, signal over noise. Use as a bullet, loader, divider, or watermark. Built from rectangles only.
Icon style
Line icons, 2px stroke, rounded joints, on a 24px grid. Geometric and consistent — one accent fill max per icon.
Grid system
A visible baseline grid is part of the aesthetic — technical, deliberate, engineered. Use it as texture in the background of hero sections and social templates.
Applications
Business card
Syazwan
Founder · Digital Studio
hello@syzwn.com
Email signature
Syazwan
Founder, syzwn.
hello@syzwn.com
syzwn.com
Social
// Growth tip
Your homepage is a landing page. Treat it like one.
Brand guidelines v1.0 · 2026 · Draft