BACK TO TOP

Bringing Fun to Work

Coda brand illustration animation showing isometric app icons connected in a loop representing integrations and workflow

CLIENT

Coda

CATEGORY

Branding

Art Direction

Illustration

BRAND LEAD

Erin Dame

BRAND DESIGNER

Seth Gutiérrez

Eddie Lin

Coda is an all-in-one collaborative workspace, offering a flexible blank canvas where users can create anything their teams need—whether it’s write-ups, team hubs, project trackers, or even automated apps.

Being part of Coda's brand team, the team and I developed an illustration system that reflect Coda's building block-based docs, bringing engaging brand stories to life. We believe these whimsical illustrations convey abstract ideas more effectively while adding a sense of fun to the brand and the work. The style is designed to feel energetic yet organized, playful but not silly, clever, and modern.

Coda brand collateral card with isometric puzzle piece illustration and "Your all-in-one collaborative workspace" tagline
Coda branded green tote bag with oversized typographic logo treatment in white and green
Coda branded two-tone dad cap with minimal "C" logo mark in washed khaki and charcoal
Coda branded enamel pins featuring smiley face mascot and emoji rating bar design on denim jacket
Coda branded black pens with text formatting toolbar design detail for tech company merchandise
Coda branded socks in three colorways featuring logo pattern and smiley face motif
Coda brand concept overview showing visual identity pillars: logo, whimsical graphics, bold color, grids, and isometric illustration
Coda brand guidelines system showing identity marks, clear space, typography with Calibre-R and Tiempos, color palette, graphic design, and iconography
Coda isometric illustration library for employee handbook featuring six themed compositions in brand color palette

Responsive Illustration Template System

Coda responsive illustration system demo showing scalable isometric target illustration with multiple export sizes
Coda illustration template system in Figma showing component variants for integration icons like Slack, Jira, and Salesforce
Coda Tips YouTube video thumbnail designs with isometric illustrations for product tutorials like formulas, dashboards, and Packs
Coda illustration concept sketches showing isometric exploration for modular building block visual metaphors
Coda case study page with animated before-and-after isometric illustration showing workflow transformation
Coda blog post promoted on LinkedIn with isometric mountain illustration for planning strategy content marketing
Coda blog page design on desktop and mobile showing isometric illustration integration across content layout

In every job that must be done, there is an element of fun. You find the fun and snap! The job is a game!

— Marry Poppins

Coda Handbook for Planning and OKRs blog with before-and-after isometric mountain illustration on iPad showing goal-setting journey
Coda Handbook for IT Teams blog with before-and-after isometric pipeline illustration on iPad showing disconnected versus integrated tools
Coda Handbook for Engineering Teams blog with before-and-after isometric illustration on iPad showing chaotic versus organized workflow
Coda 4.0 product launch email designs on mobile showing feature highlights and isometric illustrations with checkerboard brand pattern
Coda 4.0 launch blog and landing page design on desktop showing isometric hero illustration and Rubik's cube visual across blog listing and article views
Coda trade show booth design concept with isometric brand graphics, wood accents, and "Your all-in-one collaborative workspace" tagline
Coda branded Rubik's cube isometric illustration poster in brand colors as office art print