Teal Case Study 05
Teal Case Study 4

Teal is a career growth tool that arms users with malleable resources aimed at energizing your professional life. Its innovative job bookmarking browser extension allows users to save prospective positions from anywhere across the internet, all while finessing their professional credentials in more detail through the platform.

Order developed an extensive identity system that harkened back to Teal’s primary and most recognizable feature: their job bookmarking plug-in.


Teal was founded in 2019 by Dave Fano, a veteran in the career-development industry who sought to create more opportunities for employees to gain meaning from their professional lives.

Teal Intro 7
Teal Intro 1

There was a significant cultural shift in work-life balance resulting from the Covid-19 related office-to-home transition.

While it felt that some power had been restored to an often imbalanced employer-employee relationship during this time, many also felt the presence of work had amplified in their lives.

The question arose for many workers: am I reaching my full potential in my current role?

Strategy and messaging by Molly Carkeet

Teal Intro 4
Teal Intro 3

Teal sought to address this issue of restoring meaning to careers and employee representation through its comprehensive platform.

Its resources address a variety of fields and industries — from construction to teaching.

Teal Intro 5
Teal Intro 6
Teal Intro 2

The primary feature of Teal’s offerings is its job bookmarking plug-in.

Through a browser extension, users can save position listings from anywhere across the internet, at any time.

Teal Intro 8b
Teal Intro 9

The color teal originates from the species of the duck, the Eurasian teal.

A connection was made between the platform’s bookmarking feature and the duck’s beak to create a unique symbol as the brand’s identifier.

Teal Case Study 4
Teal Case Study 13
Teal Phone 01
Teal Case Study 2

Custom-drawn letterforms utilized geometric shapes to remain consistent with the symbol.

The symbol’s spine was pulled directly into the drawing of the letter, “t”.

Teal Case Study 05

The symbol and wordmark are used together for brand recognition.

Teal Case Study 06

The symbol is used as the primary identifier.

Teal Case Study 7

A micro-version of the symbol was drawn for smallest scale use.

Teal Notebook 01d
Teal Letterhead 01
Teal Sweatshirt 01

Roobert, designed by Displaay Type, is used as the typographic voice for the brand. Its geometric and square forms speak to the curves drawn in the duck.

Teal Case Study 3
Teal Case Study 1
Teal Ipad 01b
Teal Case Study 8

Similar to the namesake’s color origins in teal, the extensive brand palette uses colorful avian connotations.

The bird portraits doubled in their use as internal profile icons.

Teal Bcards 01
Teal Signage 01

In the extended brand language, the bookmark device is used to interact with typography in similar ways that users’ interact with the product: through bookmarking, analyzing, and organizing information.

Teal Case Study 9
Teal Newspaper 01
Teal Case Study 10
Teal Newspaper 02
Teal Ooh 02b
Teal Ooh 03
Teal Ooh 04
Teal Ooh 05b
Teal Ooh 01b
Teal Iconography 02b
Teal Case Study 11

A full iconography suite was developed for large to small scale use. Its primary characteristics were drawn from the symbol’s weight and curves.

Teal Iconography 01
Teal Podcast 01b

The devices of the brand language are used both as expressions in the brand, and to functionally call attention to information.

Teal Podcast 02b

Teal launched its new brand alongside a website designed by Order.

The website serves to inform users of the product’s responsive tools and services, all while showcasing the bright and relatable brand tone.

Teal Web 00
Teal Web 04
Teal Web 05
Teal Web 03
Teal Web 06
Teal Web 02c
Teal Web 07
Teal Web 01b

A system for data infographics was constructed to support Teal’s Work Styles.

The service provides conclusive summaries of past work experiences, targeted at gaining insights to improve your future professional relationships.

Teal Data 01
Teal Data 02
Teal Data 03
Teal Workstyles 01
Teal Pins 01b
Teal Office Poster 01
Teal Guidelines 01b