DESIGN
SYSTEM

"DESIGN WITH PURPOSE. SYSTEM WITH CLARITY."

COLOR PALLETE

PRIMARY COLORS PALLETE

Teal

#037696

98,21,0,41

3,118,150

Deep Red

#9C110E

156,17,14

0,89,91,39

Dark Gray

#555555

0,0,0,67

85,85,85

Dark Gray

#AAAAAA

0,0,0,33

170,170,170

SECONDARY COLOR PALLETE

ACTIONS

Design for R-AID printable stickers for quick access to QR for critical information anywhere anytime, Offline/Online

IMPACT GOAL

R-AID ICONS

LOGO

Logo Design Process:

FONT : Franklin Gothic Demi - Regular

COLOR : Together as a gradient, they symbolize the

COLOR : Together as a gradient, they symbolize the seamless transition from emergency to safety

SYMBOL

Primary Logo

Primary Logo with Tag Line

Logo Justification

The logo was created to reflect speed, reliability, and
critical care in emergencies.

The “R” (for Rapid) is designed with motion lines, emphasizing swift response.
The cross symbol represents health and medical aid, while its layered edges suggest connectivity, protection, and structured access to information.

#32b7b6

Represents health, healing, and trust—core values in healthcare.

#43548a

Conveys stability, reliability, and urgency management.

VARIATION OF LOGO

R-AID Logo for Emergency QR code

Designed specifically for printable QR code stickers, the bold red gradient ensures high visibility and instant recognition in real-world emergency scenarios.

Together, the gradient conveys life-saving urgency transitioning into dependable care.

#fb6a6a

Represents emergency, urgency, and immediate attention.

#9c100d

Symbolizes life, care, and critical action.

TYPOGRAPHY

Aa Noto Sans

Chosen for its clean readability and extensive multilingual support, ensuring accessibility across diverse Indian languages.

Aa Inter

Used for its modern, bold clarity—making critical actions instantly visible and easy to tap in emergencies.

“Pairing Noto Sans for multilingual clarity with Inter for action-focused buttons creates a harmonious system that balances accessibility with decisive usability in emergencies.”

Click here to view detailed Design System for the R-AID app