ADL and Bites Media partnered to create a media literacy curriculum for high school students and needed a design system that would support assets ranging from web pages to social media posts.

Screenshot of a website homepage for ADL Civics Education, featuring a blue header with the ADL logo, navigation menu, and an orange donate button. The main section shows a silhouette illustration of diverse people with some raising their hands or holding signs, under a dark blue background. Text reads 'Civics Education' and 'Civic Participation in the 21st Century.'

My Role
I designed a flexible visual system that unified the partnership while accommodating both brands’ distinct voices. This included developing:

  • a central identity

  • a scalable set of social-ready lockups

  • Figma-based components and mockups

Challenge

  • The partnership brought together two brands with fundamentally different tones and audiences.

  • The work needed to feel credible and for educators, while also engaging and accessible for students.

  • The system needed to support content long-term across digital channels.

Impact
The system supports a growing library of curriculum materials distributed through ADL’s national education network, helping ensure a cohesive and engaging experience for students and educators across channels.

Inclusive, simplified figures designed for broad student recognition and cross-context use.

Silhouette of three students standing together at a rally, with the person on the left flexing arm, the person in the middle standing with hands on hips, and the person on the right raising one arm.
Silhouettes of three students, two women and one man, standing confidently with documents and a poster, at a rally.
Silhouettes of five diverse students standing together at a rally, some with arms raised or hands on hips, against a black background.

Modular digital system adaptable across content themes.

Website homepage for Bites Media, with a banner reading "Strengthening Our Democracy" and a subtitle "Civic Participation in the 21st Century." Features illustration of three students at a rally.
Smartphone screen displaying a webpage with a blue background and white text about strengthening democracy through civic participation, featuring silhouettes of three students at a rally.
Mobile phone displaying a website titled 'BITES' with a section about strengthening democracy through civic participation, developed by ADL Partnership with BITES Labs, featuring links to 'About Curriculum' and 'Anti-bias Approach to Civics'.

Social-ready lockups to support distribution beyond the classroom.

Instagram image featuring a graphic with blue silhouettes of three students at rally. The background is orange with white text that reads 'Strengthening Our Democracy' and 'Civic Participation in the 21st Century'.
Instagram image promoting civic participation with a blue background, three animated students at a rally, and text about strengthening democracy.