Illustrating color ratio usage
I was asked to create comprehensive design guidelines covering every communication channel — web, motion, print, and events — while keeping the system light, scalable, and easy to apply in any language.
Working closely with Wovn’s internal design and marketing teams, I built a clear, modular framework — creating new assets, icons, and motion elements while refining existing ones to work seamlessly across all scales and formats.
The result is a compact yet complete brand manual used by internal teams, sales, and external partners alike.
It defines visual principles and practical applications across:
It defines visual principles and practical applications across:
• Logo usage (landscape, square, lockup) for screen, print, and motion
• Color systems with combination ratios and accessibility checks
• Graphic and composition principles
• Iconography at multiple scales
• Motion and animation guidelines
• Typography for multilingual consistency (CJK focus)
• Photography and illustration standards
• Color systems with combination ratios and accessibility checks
• Graphic and composition principles
• Iconography at multiple scales
• Motion and animation guidelines
• Typography for multilingual consistency (CJK focus)
• Photography and illustration standards
Role
Creative & Art Direction — Brand System Design and Documentation
Creative & Art Direction — Brand System Design and Documentation
Collaboration
Wovn.io internal design and marketing teams
Wovn.io internal design and marketing teams