Workplace Signage System

Designed and developed a workplace signage system that aligns with Duolingo's creative direction. Duolingo is working towards creating a unified signage system for their workspace environments. The goal is to improve clarity, consistency, and design quality across office signage while ensuring ease of implementation by Duos using simple tools and accessible materials. 

CLIENT

ROLE

Designer

TIMEFRAME

~ 2 months

Branding

Signage Design

Menu Design

Icon System

Templates

Figma

SIGNAGE SYSTEM

Signage Types

type

Definition

tone

Promotional

Promotional

Promotional

Showcases company values, culture, achievements, and upcoming events

Showcases company values, culture, achievements, and upcoming events

Showcases company values, culture, achievements, and upcoming events

Enthusiastic, fun, clear

Enthusiastic, fun, clear

Enthusiastic, fun, clear

behavioral

behavioral

behavioral

Instructs, directs, or influences specific behaviors in the workplace

Instructs, directs, or influences specific behaviors in the workplace

Instructs, directs, or influences specific behaviors in the workplace

friendly, specific

friendly, specific

friendly, specific

Informational

Informational

Informational

Provides useful info about facilities, resources, and general knowledge

Provides useful info about facilities, resources, and general knowledge

Provides useful info about facilities, resources, and general knowledge

concise, clear

concise, clear

concise, clear

Typography

Moranga

Moranga

Moranga

DUOLINGO-HANDWRITING

DUOLINGO-HANDWRITING

DUOLINGO-HANDWRITING

DIN Next

DIN Next

DIN Next

Moranga

DUOLINGO-HANDWRITING

DIN Next

Header 1

moranga regular, 81 px / 120%

Header 2

moranga regular, 54 px / 130%

Header 3

Din next for duolingo, 36 px / 130%

Header 4

duolingo handwriting, 36 px / 130%

subhead 1

duolingo handwriting, 24 px / 130%

Subhead 2

Din next for duolingo, 24 px / 130%

Subhead 3

duolingo handwriting, 20 px / 130%

Body 1

duolingo handwriting, 16 px / 130%

Body 2

Din next for duolingo, 16 px / 130%

Body 3

Din next for duolingo, uppercase, 16 px / 130%

Color

color guidelines

300's

copy, borders, icons/illustrations, qr code background container

200's

dividers between content

100's

background, qr code

promotional purple

300

#4E324B

200

#4E324B 50% opacity over #E1D0DF

100

#E1D0DF

behavioral blue

300

#2B4D55

200

#2B4D55 50% opacity over #CBE0E5

100

#CBE0E5

informational pink

300

#923A42

200

#923A42 50% opacity over #F0D9DB

100

#F0D9DB

Icons

Brand Guidelines

View the brand guidelines PDF for more information!