EDITORIAL, NOT CORPORATE
Strong hierarchy and personality, with a clear reading order.
SELECTED WORK / SYSTEMS & PROCESSES / DIGITAL PRODUCT
CONTROLLED
DISRUPTOR.
A visual language for work that refuses to fit into one box.
DESIGN SYSTEM / V1.0SELF-DIRECTED · COLLABORATIVE · AI-ASSISTED
01 / THE BRIEF
PERSONALITY.
WITH RULES.
The challenge: present audio production, learning design, operations and independent ventures as one coherent professional identity—without flattening their differences.
My role in the collaboration was creative direction, source material, review and decisions. AI-assisted implementation helped translate that direction into code and documentation. This is an evolving, self-directed system—not a client commission.
02 / COLOR TOKENS
FIVE COLORS.
ONE LANGUAGE.
These are the canonical design targets. Legacy CSS still needs consolidation and full route QA.
03 / TYPOGRAPHY
ARCHIVO BLACK / DISPLAY
MAKE
IT MATTER.
IT MATTER.
SPACE GROTESK / BODY
Complex ideas deserve clear language. The design should make the work easier to understand, not harder to read.
IBM PLEX MONO / UTILITYPROJECT / CATEGORY / 01—05
04 / DESIGN PRINCIPLES
EVIDENCE OVER CLAIMS
Real artifacts, verified credits and practical case studies.
BOLD BUT DISCIPLINED
Expressive typography within repeatable spacing and component rules.
ACCESSIBLE BY DESIGN
Readable contrast, keyboard focus and responsive layouts are requirements—not decoration.
05 / REUSABLE PATTERNS
CONSISTENCY
IS A FEATURE.
Show the work.
Short, specific summaries with an obvious path to the evidence.
Preview, then enlarge.
Compact, proportional thumbnails. Full artifacts remain available on click.
Keep the story readable.
Headings and paragraphs share an intentional left edge and reading rhythm.
One site. One system.
Consistent 12px monospaced menu labels, focus states and high-contrast controls.
06 / EVIDENCE & NEXT STEPS
BUILT.
TESTED NEXT.
The system captures the decisions behind the portfolio and converts real problems—contrast failures, inconsistent navigation, oversized documents and uneven case-study text—into repeatable design rules. The next step is consolidating legacy styles and verifying every route.
BACK TO SELECTED WORK ↗