overview
Human Rights Advocates needed a visual and digital transformation—one that aligned with their mission while creating a more cohesive, modern, and approachable identity. The existing brand lacked consistency, and the website struggled to engage users, communicate impact, and facilitate action.
01
The Approach – A Systematic RedesigN
Typography as Foundation
A balanced type system that conveys urgency without excess. The selection ensures legibility, hierarchy, and neutrality, aligning with the precision of institutional design.
A Defined Color System
A restrained yet effective palette—contrasting tones for emphasis, neutral foundations for clarity, and accent colors used with intention.
Grid & Layout for Readability
A modular system that allows scalability across print and digital formats, ensuring a structured yet adaptable design language
Human
Rights
Advocates
HUMAN RIGHTSADVOCATES
ADVOCATES
RIGHTS
HUMAN
DESIGN WITH
PURPOSE
MESSAGE
This is a layout jump preventer component for Framer. It keeps your layout from jumping by smoothly handling size changes, in both horizontal and vertical direction or both.
ADVOCACY
To use the Layout Jump Preventer component in Framer, place it at the top level inside a component. You can set the direction to vertical (default) to animate only height changes, horizontal to animate only width changes, or both to animate both width and height changes smoothly.
CALL TO ACTION
No, you don’t need to use code! This component works directly in Framer—just drop it into your project and adjust the settings as needed.
IMPACT
Good design doesn’t just inform—it moves people. This project wasn’t about aesthetics; it was about impact.
02
The Approach – A Systematic RedesigN
Typography as Foundation
A balanced type system that conveys urgency without excess. The selection ensures legibility, hierarchy, and neutrality, aligning with the precision of institutional design.
A Defined Color System
A restrained yet effective palette—contrasting tones for emphasis, neutral foundations for clarity, and accent colors used with intention.
Grid & Layout for Readability
A modular system that allows scalability across print and digital formats, ensuring a structured yet adaptable design language
3X
ONLINE ENGAGEMENT
40%
FASTER NAVIGATION
200%
SOCIAL MEDIA GROWTH
IMPACT BY THE NUMBERS
Social Media & Digital Marketing Assets
To extend HRA’s reach beyond the website, I developed a suite of social media and marketing assets designed for maximum engagement and shareability:
Campaign Templates – Custom graphics for petitions, awareness campaigns, and event promotions.
Motion & Video Elements – Short animations and clips optimized for Instagram, Twitter, and LinkedIn to increase engagement.
Branded Infographics – Data visualization that simplifies complex issues, making advocacy more accessible to a broader audience.
03
THE OUTCOME
A cohesive brand identity, a redesigned website, and a strategic digital presence—all designed to empower Human Rights Advocates to do what they do best: fight for justice, mobilize communities, and create real change.
04