JMContact
All projects

Design system · HLM

HLM Design System — AI-First Brand Identity

A comprehensive design system for an AI-powered marketing agency — putting the Partnership Network Intelligence methodology into practice across brand, components, and guidelines.

Human Loop Media homepage hero — Human creativity. AI efficiency. Real results.
Role
Founder and Design System Lead
Collaborator
Claude (Design partner)
Scope
Brand · Components · Guidelines
Approach
PNI methodology

01 · Problem

An AI-first agency needed a system, not just a logo.

HLM positions itself as an AI-powered marketing agency. The brand needed to communicate that posture credibly to enterprise buyers while giving an internal team consistent, scalable surfaces to ship against. A traditional style guide would not survive the speed of an AI-native team.

02 · Opportunity

Demonstrate Partnership Network Intelligence in practice.

The engagement became a live demonstration of the PNI methodology — humans and AI agents sharing structured decisions across brand, IA, and component design. The system itself is the artifact and the proof.

03 · Process

Claude as a design partner, not a tool.

Worked alongside Claude Design to systematically generate, critique, and refine components. Decisions, rationale, and edge cases were captured as the system was built, not after the fact.
  • Co-authored brand attributes, voice, and visual primitives
  • Generated component variants with explicit usage rules
  • Built guidelines that double as prompts for future AI collaborators
Claude design workspace showing the Human Loop Media Design System project files.

04 · Showcase

A living system across brand and product.

The deliverable is a coordinated brand identity, component library, and usage guidelines — designed to be extended by humans and AI agents working together.
  • Brand identity: marks, type, color, and motion language
  • Component library: primitives through complex marketing patterns
  • Usage guidelines: when to ship, when to compose, when to ask

Results

Outcomes.

Brand

Coherent AI-first identity

Visual + verbal system that maps cleanly to HLM's positioning.

System

Component library

Reusable primitives and patterns ready for production.

Method

PNI in practice

Live evidence that the methodology works end-to-end.

Continue

Azure Compute Hub — Enterprise Design at Scale
Discuss a project