Tata 1mg

Tata 1mg's design system is "Reliable Health Care." It combines the trustworthy "Tata Blue" with its original healthcare-vibrant orange to create a safe, pro…

High Quality

Join 0+ developers using this skill

skill

Designs

intermediate

0 installs

4/5 quality

View Source

Last updated: June 19, 2026

AI Skill Market Insights

Real data. Real impact.

Popularity

Rising

Emerging

Active Users

Developers

Quick Start

Install Command

Source: https://github.com/whyashthakker/design-md-templates-skills?ref=explainx

TEAR & SHARE

3-5hrs/WK

RISING

0.0K+ USING

Design System: Tata 1mg

Overview

Tata 1mg's design system is "Reliable Health Care." It combines the trustworthy "Tata Blue" with its original healthcare-vibrant orange to create a safe, professional environment for medical needs.

Design Philosophy

Safety & Trust: Uses a professional palette to establish its status as a reliable provider of medicines and lab tests.
Clarity under Pressure: Designed for situations where users might be anxious, prioritizing clear labels, simple navigation, and absolute accuracy.
The "Care" Accent: Uses healthcare-teal (#10B190) and wordmark-orange (#FF6F61) to provide a sense of optimism and healing.
Structured Information: Prioritizes medicine names, dosages, and prices with high-contrast typography.

Colors

1mg Orange (#FF6F61): The signature brand color used for primary actions and wordmarks, representing vitality.
Tata Blue (#486AAE): Introduced after the Tata acquisition to establish a layer of corporate trust and stability.
Healthcare Teal (#10B190): Used for sub-categories, laboratory services, and healthy-living icons.

Typography

Inter: Provides the necessary precision for reading complex medicine names and reports.
Visual Hierarchy: Uses bold weights for prices and primary medicine names to ensure fast verification.

Components

Medicine Search: A prominent white bar with integrated category filters for quick access to prescriptions.
Lab Test Cards: Structured units with integrated "Health Check" badges and clear booking actions.
The "Safety" Badge: A small, green-themed icon used to certify the authenticity of medicines.

Visual Effects

Clean Grids: Organizes thousands of medical products into a highly structured, sterile-feeling grid.
Subtle Highlights: Uses light-orange or light-blue backgrounds for special offers and health tips.
Fast Upload States: A clear, responsive interaction for uploading prescriptions.

Tata 1mg

AI Skill Market Insights

Quick Start

Install Command

TEAR & SHARE

Tags

Raycast

Be Part of the 0+ Developer Community

Design System: Tata 1mg

Overview

Design Philosophy

Colors

Typography

Components

Visual Effects

License

MongoDB

NVIDIA

Mintlify

Spotify

Channels

Learn

Compare

Company

Agents