DWTB.dev Brand Kit
One place for the system, the rules, and the proof logic.
This is the fast reference surface for the DWTB.dev brand. It points to the canonical file, shows the current token language, and gives working guidance for site design, proof assets, social cards, and operator-facing visuals.
Share this URL directly, copy the link, download the markdown version, or grab the vector asset pack.
Quick Start
How to use the kit
Start with the canonical spec in docs/brand-guidelines.md.
Pull literal values from brand/tokens.json or lib/brand-tokens.ts before inventing new ones.
Use proof tiers and ambiguity rules before publishing any screenshot or client-backed claim.
Run the QA checklists when the asset is headed for social, OG, or client-facing use.
Canonical Files
Where the truth lives
Handoff Masters
Printer- and vendor-ready PDFs
Studios wordmark light PDF
Print-ready horizontal master for dark surfaces.
Studios wordmark dark PDF
Print-ready horizontal master for light surfaces.
Core wordmark light PDF
Short lockup handoff master for dark surfaces.
Core wordmark dark PDF
Short lockup handoff master for light surfaces.
Compact mark light PDF
Compact print handoff master for dark surfaces.
Compact mark dark PDF
Compact print handoff master for light surfaces.
Rail lockup light PDF
Presentation-header handoff master for dark surfaces.
Rail lockup dark PDF
Presentation-header handoff master for light surfaces.
Brand Essence
The four moves that make the brand read correctly.
Operator-Led
The system should feel like it was built by someone who knows freight from reps, pressure, and commercial reality, not from trend decks.
Proof-First
Screenshots, outcomes, named context, and system artifacts should carry more weight than ornamental design moves.
Signal, Not Noise
Cyan is a signal event. Use it to direct action, mark state, and create emphasis. It is not a background wash.
Structured Intensity
Hard edges, disciplined cards, restrained atmosphere, and compressed type give the brand its tension and premium feel.
Palette
Current signal and surface language
Near-black neutrals carry the structure. Cyan is reserved for signal, state, and emphasis. If a layout starts feeling loud, it usually has too much accent and not enough surface discipline.
Type
Compressed, decisive, legible
Sharper story. Stronger market presence.
Display language uses Geist Sans with tight tracking and high contrast.
Selected public proof
Mono is for instrumentation, labels, and proof framing. It should behave like a system readout.
Fonts
Current font system
Hero lines and flagship titles
Section heads and card titles
Support copy and explanation
Eyebrows, chips, proof labels
Voice To Visual
routing, sequence, linkage, and operational continuity
instrumentation, control points, and practical authority
names, screenshots, receipts, metrics, and context framing
industrial tension and category fluency without stock logistics cliches
Proof System
Proof is part of the design language.
Export Sizes
Safe-zone contract
Identity
Logo and mark usage
The brand is wordmark-first. Use the mark-only expressions when space is constrained or the DWTB context is already established.
Compact contexts where the brand is already obvious.
Formal company-identifying contexts and profile surfaces.
Small-format brand presence for browser and app surfaces.
Pinned and mobile icon treatment.
The `?!` cluster should read as a distinct accent beside DWTB, never as a collision on top of the `B`. If that separation is lost, the asset is wrong.
Share Pack
Easy ways to send this around
Use the public `/brand-kit` route when someone needs the fastest overview with visuals, sizes, proof rules, and links.
Use the download action when someone needs the complete written spec as a portable file they can circulate internally.
The route is for fast sharing. The canonical source remains docs/brand-guidelines.md, backed by tokens, QA docs, and the brand-lab verification surface.
Download the SVG asset pack as a zip when someone needs logos for decks, docs, partner pages, or outbound collateral.
Download vector packVector Pack
Downloadable SVG logo system
These are the outward-facing vector assets for DWTB.dev. Use them for presentations, docs, one-pagers, outbound collateral, and partner placements that need scalable identity files.
Primary horizontal lockup for dark surfaces.
Vendor-safe master for dark-surface print and external handoff.
Primary horizontal lockup for light surfaces.
Vendor-safe master for light-surface print and external handoff.
Shorter lockup when the Studios suffix is unnecessary.
Geometry-locked master when the short lockup is sent outside the repo.
Geometry-locked short lockup for light-background vendor handoff.
Avatar, favicon-adjacent, and compact badge contexts.
Vendor-safe compact master for dark surfaces.
Compact mark for light backgrounds.
Vendor-safe compact master for light surfaces.
Controlled presentation headers and one-pagers.
Print-safe presentation master with the rail treatment locked in.
Print-safe rail master for light-background decks and vendor files.
Messaging Guardrails
Language that belongs and language that does not.
Logo Selection
Pick the right mark for the job.
Use when: Formal company identification, proposals, decks, partner pages
Avoid when: Tiny placements under 180px wide
Use when: Controlled promo surfaces and headers
Avoid when: Legal or vendor-facing company identification
Use when: Avatar, favicon, profile surfaces
Avoid when: First-touch identity without surrounding context
Use when: One-pagers and keynote-style headers
Avoid when: Default navigation or cramped layouts
Live Page Review