
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
Unknown photographer. IBM Dictating Machine Stand, circa 1960. Wright Auction, https://www.wright20.com/auctions/2023/08/american-design/132. Accessed August 12, 2024.
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.
David Barzaga. Graphic rendition of Eliot Noyes’ signature, based on original design by Paul Rand, circa 2025.
Unknown photographer. IBM Dictating Machine Stand, circa 1960. Wright Auction, https://www.wright20.com/auctions/2023/08/american-design/132. Accessed August 12, 2024.
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.
David Barzaga. Graphic rendition of Eliot Noyes’ signature, based on original design by Paul Rand, circa 2025.
Ready to begin your project? Let’s talk about how we can collaborate to bring your ideas to life.
Ready to begin your project? Let’s talk about how we can collaborate to bring your ideas to life.

© 2025 Tierr Eztudio. All rights reserved. Los Angeles, California.
© 2025 Tierr Eztudio. All rights reserved. Los Angeles, California.

