CASE STUDY 03
CASE STUDY 03
BRAND SYSTEMS · content · Experience
BRAND SYSTEMS · content · Experience
2024-ongoing
2024-ongoing
legal brand system

I developed and expanded a visual and verbal system for a law firm whose public presence needed to feel direct, credible, human, and consistent—whether a client encountered it on a website, a sign, a brochure, or a payment interface.

ROLE

Brand strategy, visual direction, content system, and implementation

Identity, messaging, web, print, signage, and client-facing materials

scope

Adobe Creative Suite, Canva, Framer, Squarespace, WordPress

TOOLS
focus

Consistency, clarity, credibility, and client experience

Building one recognizable voice

across a complicated organization.

Building one recognizable voice

across a complicated organization.

I developed and expanded a visual and verbal system for a law firm whose public presence needed to feel direct, credible, human, and consistent—whether a client encountered it on a website, a sign, a brochure, or a payment interface.

identity
SYSTEM

IDENTITY

IDENTITY

LANGUAGE

LANGUAGE

INTERFACE

INTERFACE

EXPERIENCE

EXPERIENCE

voice

THE ADDICTED.

THE ABUSED.

THE WRONGFULLY ACCUSED.

THE ADDICTED.

THE ABUSED.

THE WRONGFULLY ACCUSED.

core palette
digital

WHEN POWER GOES UNCHECKED,

PEOPLE GET HURT.

WHEN POWER GOES UNCHECKED,

PEOPLE GET HURT.

HOLD THEM ACCOUNTABLE

print
print
voice

THE ADDICTED.

THE ABUSED.

THE WRONGFULLY ACCUSED.

core palette
digital

WHEN POWER GOES UNCHECKED,

PEOPLE GET HURT.

HOLD THEM ACCOUNTABLE

print

The firm did not need
more branded things.

The firm did not need
more branded things.

The firm did not need
more branded things.

01

THE challenge

It needed a shared language for deciding what those things should look, sound, and feel like.

It needed a shared language for deciding what those things should look, sound, and feel like.

As the firm grew, its public presence expanded across websites, signage, print materials, outreach, digital tools, social content, and client-facing resources.

Creating each item independently would have produced a collection of assets. The larger opportunity was to establish principles that could hold those assets together.

As the firm grew, its public presence expanded across websites, signage, print materials, outreach, digital tools, social content, and client-facing resources.

Creating each item independently would have produced a collection of assets. The larger opportunity was to establish principles that could hold those assets together.

One core identity.
Many expressions.

One core identity.
Many expressions.

One core identity.
Many expressions.

THE system

The goal was consistency without forcing every touchpoint into the exact same layout.

The goal was consistency without forcing every touchpoint into the exact same layout.

core
brand principles

HPF

HPF

01

Logo · Color · Type

Visual Identity

03

Website · Client Tools

Digital Experience

02

Tone · Messaging · CTAs

Verbal Identity

04

Signage · Print · Events

Physical Experience

core
brand principles

HPF

01

Logo · Color · Type

Visual Identity

02

Tone · Messaging · CTAs

Verbal Identity

03

Website · Client Tools

Digital Experience

01

Signage · Print · Events

Visual Identity

The system started with
behavior, not decoration.

The system started with
behavior, not decoration.

The system started with
behavior, not decoration.

02

brand principles

01

01

Direct, not cold

Legal problems are already difficult enough to understand. Language should be plain, decisive, and useful without sounding detached or bureaucratic.

Schedule a consultation regarding your legal matter.

Schedule a consultation regarding your legal matter.

Schedule a consultation regarding your legal matter.

Let's talk.
Let's talk.
instead of
We use

02

Urgent, not alarmist

The brand can acknowledge the seriousness of a legal problem without escalating fear or relying on exaggerated consequences.

LOCAL CHARGES.

REAL CONSEQUENCES.

TOUGH DEFENSE.

LOCAL CHARGES.

REAL CONSEQUENCES.

TOUGH DEFENSE.

03

03

Capable, not institutional

Authority comes from clarity, competence, and confidence—not marble columns, gavels, scales of justice, or generic courtroom imagery.

avoid
use

Conventional legal symbolism

Ownable visual language

04

Human under pressure

Clients often encounter the firm while stressed, uncertain, or overwhelmed. Interfaces and content should make the next action obvious whenever possible.

ask the user
What do you need to do?
What do you need to do?
access my case
make a payment

02

Urgent, not alarmist

The brand can acknowledge the seriousness of a legal problem without escalating fear or relying on exaggerated consequences.

LOCAL CHARGES.

REAL CONSEQUENCES.

TOUGH DEFENSE.

01

Color

A dark neutral foundation creates authority and contrast, while gold provides emphasis without becoming the entire identity.

#000000
#000000
#1C1C1C
#1C1C1C
#1E2833
#1E2833
#E7B763
#E7B763
#FFFFFF
#FFFFFF

WE FIGHT

UNTIL THEY DO.

WE FIGHT

UNTIL THEY DO.

outfit black

Outfit Regular supports longer passages where readability matters more than impact.

02

Typography

Strong sans-serif typography keeps the system direct and readable, especially across web interfaces, signage, and short-form messaging.

WHEN SAFETY'S

ON THE LINE.

WHEN SAFETY'S

ON THE LINE.

Clear hierarchy helps visitors understand the situation before being asked to take action.

TALK TO US.

03

Composition

High contrast, generous spacing, decisive alignment, and limited decorative elements keep dense legal information from becoming visually chaotic.

A restrained foundation
with room for impact.

A restrained foundation
with room for impact.

visual language

The brand needed to sound
like the people behind it.

The brand needed to sound
like the people behind it.

03

verbal identity

Gritty.
Direct.
No nonsense.

Gritty.
Direct.
No nonsense.

But never careless with someone else's fear, uncertainty, or dignity.

But never careless with someone else's fear, uncertainty, or dignity.

01

01

Short sentences

Short sentences

Important messages should survive scanning, mobile screens, and stressful circumstances.

02

Concrete language

Prefer recognizable actions and consequences over vague legal abstractions.

03

Client-centered CTAs

Important messages should survive scanning, mobile screens, and stressful circumstances.

02

Concrete language

Prefer recognizable actions and consequences over vague legal abstractions.

03

Client-centered CTAs

Important messages should survive scanning, mobile screens, and stressful circumstances.

02

Concrete language

Prefer recognizable actions and consequences over vague legal abstractions.

LOCAL CHARGES.

REAL CONSEQUENCES.

TOUGH DEFENSE.

LOCAL CHARGES.

REAL CONSEQUENCES.

TOUGH DEFENSE.

DUI

AGGRESSIVE WHEN IT MATTERS.

STRATEGIC ALWAYS.

AGGRESSIVE WHEN IT MATTERS.

STRATEGIC ALWAYS.

CRIMINAL DEFENSE

WHEN POWER GOES UNCHECKED,

PEOPLE GET HURT.

WHEN POWER GOES UNCHECKED,

PEOPLE GET HURT.

CIVIL RIGHTS
01
website

Translate the visual and verbal identity into an experience structured around user needs.

NOT EVERYONE GETS JUSTICE.

WE FIGHT UNTIL THEY DO.

NOT EVERYONE GETS JUSTICE.

WE FIGHT UNTIL THEY DO.

PROTECT YOUR FUTURE

PROTECT YOUR FUTURE

02
environment

Reconstruct the source identity so it could remain accurate in large-format fabrication.

03
print

Extend the system into practical materials clients can actually use and keep.

Extend the system into practical materials clients can actually use and keep.

04
CLIENT EXPERIENCE

Carry the brand’s clarity principles into functional client interactions—not just marketing.

VIEW CLIENT ACCESS ROUTER

What do you need to do?
What do you need to do?
access my case
access my case
make a payment
04
CLIent experience

The real test was whether the same principles still felt recognizable across radically different formats.

The system had to survive
outside the brand guide.

in application

A brand system only works
if someone else can use it.

A brand system only works
if someone else can use it.

04

MAKING IT MAINTAINABLE
logo

HPF Logo (Full, Staked, White and Gold, No Background).svg

HPF Logo (Gold, Resized, No Background).svg

logo

Outfit / Regular · Bold · Black

type
color

HPF Brand Palette.pdf

As the number of touchpoints increased, consistency could no longer depend on remembering what had been done before.

Reusable assets, templates, naming conventions, shared typography, approved colors, and repeatable content patterns allowed new work to inherit the existing system rather than reinvent it.

The brand is not the logo, the website, or the brochure.
It is what makes all three feel related.

The brand is not the logo, the website, or the brochure.
It is what makes all three feel related.

01

01

Recognizable

Recognizable

Certain media can look different while still clearly belonging to the same organization.

Certain media can look different while still clearly belonging to the same organization.

02

02

Reusable

Reusable

New work can begin from established assets and rules rather than a blank canvas.

New work can begin from established assets and rules rather than a blank canvas.

03

03

Human

Human

The firm's tone remains direct without losing sight of the people experiencing difficult circumstances.

The firm's tone remains direct without losing sight of the people experiencing difficult circumstances.

04

04

Expandable

Expandable

The system can continue absorbing new services, campaigns, interfaces, and physical touchpoints.

The system can continue absorbing new services, campaigns, interfaces, and physical touchpoints.

Consistency became
a property of the system.

Consistency became
a property of the system.

the result

Selected parts
of the system.

go deeper

Legal Website Reconstruction

Legal Website Reconstruction

How a visual design evolved into a broader rethink of usability, information architecture, and client pathways.

How a visual design evolved into a broader rethink of usability, information architecture, and client pathways.

How a visual design evolved into a broader rethink of usability, information architecture, and client pathways.

01 · web design / ux

Logo Reconstruction & Vector System

Logo Reconstruction & Vector System

Rebuilding a damaged source artwork into reliable, production-ready assets.

Rebuilding a damaged source artwork into reliable, production-ready assets.

Rebuilding a damaged source artwork into reliable, production-ready assets.

02 · identity / production

Client Access Router

Client Access Router

Turning several disconnected client platforms into one understandable entry point.

Turning several disconnected client platforms into one understandable entry point.

Turning several disconnected client platforms into one understandable entry point.

03 · client experience
previous project

Evidence Workflow

Automation

next project

Legal Brand

System

previous project

Evidence Workflow

Automation

next project

Legal Brand

System

previous project

Client Access

Router

next project

Library Diagnostics Tool