Studio Function

Canada
Learning Code

Founded in 2011 as Ladies Learning Code, this registered charity has helped over 600,000 Canadians develop a foundation of digital literacy. Canada Learning Code is now a national organization with educational programs tailored to maximize impact with specific communities and demographics.

Our studio helped the leadership team transition from a collection of programs to a more centralized national brand identity. This new design system required updated branding and messaging for the national entity, as well as a thoughtful strategy to ensure all program identities were presented in a consistent way.

Out of home poster design featuring new branding for Canada Learning Code
Out of home poster design featuring new branding for Canada Learning Code
Canada Learning Code marketing website design including brand messaging and art direction
Canada Learning Code icons and statistics showcasing key metrics and brand typography
Canada Learning Code icons and statistics showcasing key metrics and brand typography
Printed stand-up banner designs for Canada Learning Code and other program identities
Printed stand-up banner designs for Canada Learning Code and other program identities

“Studio Function has been our go-to branding partner since we founded Ladies Learning Code in 2011. Vivian and Frank have confidently guided us through multiple iterations of our visual identity – from the earliest representation of our workshops through to our national re-brand.

Their work has helped us understand and incorporate our community needs to distinctly position us at the forefront of tech education in Canada.”

Portrait of Melissa Sariffodeen, Co-founder and CEO of Canada Learning Code

Melissa Sariffodeen
Co-founder & CEO
Canada Learning Code

Responsive web design for Canada Learning Code highlighting brand tagline, user-generated photography, engagement statistics, and french content
Responsive web design for Canada Learning Code highlighting brand tagline, user-generated photography, engagement statistics, and french content
Printed business card designs for the Canada Learning Code leadership team and other program chapter leads
Printed business card designs for the Canada Learning Code leadership team and other program chapter leads
Text-based section break that introduces the program identity web section
Text-based section break that introduces the program identity web section
Ladies Learning Code logo design and program description Ladies Learning Code logo design
Black t-shirt with printed text referencing CSS for Ladies Learning Code 6 icon designs that showcase the illustration art direction for Ladies Learning Code Printed illustration and promotional text on a tote bag for Ladies Learning Code

Ladies Learning Code branding & design — this chic and stylish art direction also feels accessible and tech-inspired. View our LLC design retrospective

Girls Learning Code logo design and program description Girls Learning Code logo design
Printed pop-up banner featuring branding and icons for Girls Learning Code 2 icon designs and example typography that represent the art direction for Girls Learning Code Example digital design promoting a Girls Learning Code workshop event

Girls Learning Code branding & design — a simple and friendly visual language helps this identity communicate with contemporary confidence.

Kids Learning Code logo design and program description Kids Learning Code logo design
Printed wayfinding poster design for a Kids Learning Code workshop event Example promo swag design for Kids Learning Code Printed certificate design featuring the Kids Learning Code program logo and Canada Learning Code logo

Kids Learning Code branding & design — similar to Girls Learning Code, this art direction maximizes communication with understated elements.

Teens Learning Code logo design and program description Teens Learning Code logo design
Printed event ID badges featuring identity typography and icons for Teens Learning Code Embroidered white hat with black icons promoting Teens Learning Code Printed t-shirt and garment tag that promote Teens Learning Code

Teens Learning Code branding & design — a vibrant and charming art direction gives life to event materials and other promotional pieces.

Teachers Learning Code logo design and program description Teachers Learning Code logo design
How-to guide cover design showcasing identity typography and illustration for Teachers Learning Code Custom illustration representing digital tools for Teachers Learning Code Example social media design to promote Teachers Learning Code TeacherCon workshop events

Teachers Learning Code branding & design — this welcoming and energetic art direction features custom illustrations that bring life to collateral.

A grid of user-generated images depicting live, in-person learning events

Photos via canadalearningcode.ca

A grid of user-generated images depicting live, in-person learning events

Photos via canadalearningcode.ca

Canada Learning Code has an ambitious mission and requires the flexibility of a thoughtful design system. The integration of functional typography, dynamic colours, artful illustrations, and authentic images of real experiences all combine to make this identity system successful. The foundation established by our brand messaging and visual standards continue to direct the generation of new design materials throughout the brand family.

The cover and binder design for Canada Learning Code’s visual identity standards guide
Pages from the visual identity standards guide for Canada Learning Code featuring logo design, colour palette, program identity art direction, and other considerations for consistent use of brand assets
Pages from the visual identity standards guide for Canada Learning Code featuring logo design, colour palette, program identity art direction, and other considerations for consistent use of brand assets