Barranon Law

Visual Identity Design

Visual Identity Design

Web Development

Web Development

Web Design

Web Design

Photography

Photography

Barranon Law, a California-based firm specializing in workers’ compensation defense, operates within a field often seen as reserved and impersonal. Representing employers in claims and compliance matters across the state, the firm sought to distinguish itself through a brand that feels both confident and approachable. We developed a visual identity that pairs clarity with warmth—reflecting their expertise while positioning them as a thoughtful and trusted partner within the legal community.

Barranon Law, a California-based firm specializing in workers’ compensation defense, operates within a field often seen as reserved and impersonal. Representing employers in claims and compliance matters across the state, the firm sought to distinguish itself through a brand that feels both confident and approachable. We developed a visual identity that pairs clarity with warmth—reflecting their expertise while positioning them as a thoughtful and trusted partner within the legal community.

Barranon Law, a California-based firm specializing in workers’ compensation defense, operates within a field often seen as reserved and impersonal. Representing employers in claims and compliance matters across the state, the firm sought to distinguish itself through a brand that feels both confident and approachable. We developed a visual identity that pairs clarity with warmth—reflecting their expertise while positioning them as a thoughtful and trusted partner within the legal community.

Visual Design System

The visual system is rooted in classical legal aesthetics. Its palette suggests the textures of natural and crafted materials: the subtle sheen of gold, the matte depth of leaves, the crispness of fine paper, and the permanence of ink. Typography pairs a contemporary serif with a restrained sans-serif, creating a considered dialogue between tradition and clarity, authority and approachability.

The visual system is rooted in classical legal aesthetics. Its palette suggests the textures of natural and crafted materials: the subtle sheen of gold, the matte depth of leaves, the crispness of fine paper, and the permanence of ink. Typography pairs a contemporary serif with a restrained sans-serif, creating a considered dialogue between tradition and clarity, authority and approachability.

The visual system is rooted in classical legal aesthetics. Its palette suggests the textures of natural and crafted materials: the subtle sheen of gold, the matte depth of leaves, the crispness of fine paper, and the permanence of ink. Typography pairs a contemporary serif with a restrained sans-serif, creating a considered dialogue between tradition and clarity, authority and approachability.

Grid System

The O-Launch identity spans both print and digital assets, requiring a grid system that is adaptable and scalable. Drawing inspiration from the Ahmanson Building, we developed a 9×15 grid, reflecting the building’s nine floors (including the lower level and rooftop) and 15 window panels. To maintain cohesion with the overall Otis College brand, we adhered to its typographic guidelines.

For headlines, we selected Forza Bold for its strong, structured presence, which contrasts with the clean, legible Univers LT Pro 55 Roman. This pairing strikes a balance between authority and approachability, ensuring event materials are both impactful and easy to navigate.

The O-Launch identity spans both print and digital assets, requiring a grid system that is adaptable and scalable. Drawing inspiration from the Ahmanson Building, we developed a 9×15 grid, reflecting the building’s nine floors (including the lower level and rooftop) and 15 window panels. To maintain cohesion with the overall Otis College brand, we adhered to its typographic guidelines.

For headlines, we selected Forza Bold for its strong, structured presence, which contrasts with the clean, legible Univers LT Pro 55 Roman. This pairing strikes a balance between authority and approachability, ensuring event materials are both impactful and easy to navigate.

The O-Launch identity spans both print and digital assets, requiring a grid system that is adaptable and scalable. Drawing inspiration from the Ahmanson Building, we developed a 9×15 grid, reflecting the building’s nine floors (including the lower level and rooftop) and 15 window panels. To maintain cohesion with the overall Otis College brand, we adhered to its typographic guidelines.

For headlines, we selected Forza Bold for its strong, structured presence, which contrasts with the clean, legible Univers LT Pro 55 Roman. This pairing strikes a balance between authority and approachability, ensuring event materials are both impactful and easy to navigate.

Project Credits

Creative Direction & Design:
David Barzaga, Giovanni Gutierrez

Motion Design:
Giovanni Gutierrez

Creative Direction & Design:
David Barzaga, Giovanni Gutierrez

Motion Design:
Giovanni Gutierrez

Creative Direction & Design:
David Barzaga, Giovanni Gutierrez

Motion Design:
Giovanni Gutierrez

Image Credits

  1. Unknown photographer. IBM Dictating Machine Stand, circa 1960. Wright Auction, https://www.wright20.com/auctions/2023/08/american-design/132. Accessed August 12, 2024.


  2. Unknown photographer. IBM Aerospace Building Punch Card Pattern, n.d. Esoteric Survey, https://esotericsurvey.blogspot.com/2014/05/ibm-aerospace-noyes.html. Accessed August 12, 2024.


  3. David Barzaga. Graphic rendition of Eliot Noyes’ signature, based on original design by Paul Rand, circa 2025.

  1. Unknown photographer. IBM Dictating Machine Stand, circa 1960. Wright Auction, https://www.wright20.com/auctions/2023/08/american-design/132. Accessed August 12, 2024.


  2. Unknown photographer. IBM Aerospace Building Punch Card Pattern, n.d. Esoteric Survey, https://esotericsurvey.blogspot.com/2014/05/ibm-aerospace-noyes.html. Accessed August 12, 2024.


  3. David Barzaga. Graphic rendition of Eliot Noyes’ signature, based on original design by Paul Rand, circa 2025.