KWD
The visual identity, design standards, and usage rules that define KWD across every surface.
01 — Brand Name & Meaning
KWD stands for Kesararam With Digital — a name that carries the weight of place, purpose, and transformation. Kesararam is a monastery and primary school, the oldest seat of learning in its community. The word With is not a conjunction — it is a declaration of partnership between tradition and technology. Digital is not a medium — it is a commitment to access, to reach, to permanence.
KWD exists because young Cambodian girls from Kesararam decided that road safety knowledge — knowledge that saves lives — should be free, interactive, and available to every student in their language. The name asserts that education does not abandon its roots when it enters the digital age. It carries them forward.
02 — Logo
kwd-black is the primary logo — use it on all surfaces without background or border.
Primary — Black
/brand/kwd-black-text.png
SVG
/brand/kwd.svg
PNG
/brand/KWD.png
Black + Text
/brand/kwd-black-text.png
Gray
/brand/kwd-gray.png
Do not stretch, rotate, or distort the logo.
Do not apply drop shadows, gradients, or filters.
Do not place the logo on low-contrast backgrounds.
Maintain clear space equal to the height of K on all sides.
Use kwd-black on light backgrounds. Use yellow or white on dark.
Minimum logo height is 24px in any digital context.
Product Mockups
KWD applied across physical products and brand materials.
03 — Color Palette
KWD colors are drawn directly from the road sign system — every color carries meaning.
Yellow
#eab308
Black
#000000
White
#ffffff
Blue
#3b82f6
Red
#ef4444
Green
#22c55e
Orange
#f97316
Purple
#a855f7
Cyan
#06b6d4
04 — Typography
Primary — Inter
Aa Bb Cc
All Latin text, UI labels, headings, body copy.
Khmer — Siemreap
ក ខ គ ឃ ង
All Khmer script content across the platform.
Type Scale
Display / 900
Heading / 900
Subheading / 700
Body / 500
Label / 900 Uppercase
05 — Design System
KWD uses a Neo-Brutalism design language — a system built on the visual grammar of road infrastructure. Borders are structural, not decorative. Shadows are hard and directional, like the shadow cast by a road sign post. There are no gradients, no blur, no softness. The interface communicates with the same clarity that a stop sign communicates.
Border Radius
0px — always sharp
Border Width
2px standard · 4px emphasis
Shadow
4px 4px 0 #000 — hard, no blur
Hover
−0.5px translate · shadow 6px
Active
+2px translate · shadow removed
Transition
100–150ms only
Gradients
None — solid colors only
Motion
Purposeful only
06 — Voice & Tone
KWD speaks with precision and warmth. The platform is built by young girls for students — the voice is never condescending, never bureaucratic. It is direct because road safety is direct. It is warm because learning requires trust.
In Khmer, the platform uses respectful but accessible register — the language of a knowledgeable peer, not an authority. In English, the tone is clear, active, and free of jargon.
Write to be understood, not to impress.
Use active voice. State what the user can do.
Error messages explain what happened and what to do next.
Labels are short. Descriptions are complete.
Bilingual content must carry equal meaning — not literal translation.