BigBasket

BigBasket's design system is built for "Freshness and Reliability." It uses a multi-color palette (Green, Red, Blue) to represent the diversity of its grocer…

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: BigBasket

Overview

BigBasket's design system is built for "Freshness and Reliability." It uses a multi-color palette (Green, Red, Blue) to represent the diversity of its grocery catalog and its commitment to quality.

Design Philosophy

The Modern Mandi: Designed to feel as vibrant and diverse as a traditional Indian market, but with digital precision.
Freshness Indicator: Uses "Guacamole Green" (#A0CD4A) as the primary brand color to represent health and fresh produce.
Trust & Scale: Uses "Reliability Blue" (#1268B3) for sub-brands and institutional trust.
Efficiency for Grocery: Prioritizes "Add to Cart" speed, smart search, and easy multi-item management.

Colors

Guacamole Green (#A0CD4A): The signature brand color representing freshness and health.
Reliability Blue (#1268B3): Used for "BB Instant," "BB Daily," and general corporate trust.
Sporty Red (#F61B2C): Used for "Hot" deals and time-sensitive delivery options.

Typography

Inter: Ensures that product names, weights, and per-unit prices are legible for fast scanning.
Compact Hierarchy: Uses a condensed scale to manage large grocery lists in a single view.

Components

The "Smart Basket" Chip: A prominent card or floating action area showing the current count of items in the cart.
Product Cards: Dense units with 4px rounding, featuring integrated weight pickers and "Stock Out" status.
Delivery Slots Grid: A highly structured, interactive area for choosing delivery times with clear status indicators.

Visual Effects

Vibrant Iconography: Uses highly detailed, colorful icons for sub-categories (Fruits, Vegetables, Meat).
Offer Highlighting: Uses bright red and yellow tags for "BOGO" or "Percentage Off" deals.
Fast Cart Transitions: Seamlessly updates totals and counts as items are added or removed.

BigBasket

AI Skill Market Insights

Quick Start

Install Command

TEAR & SHARE

Tags

Raycast

Be Part of the 0+ Developer Community

Design System: BigBasket

Overview

Design Philosophy

Colors

Typography

Components

Visual Effects

License

MongoDB

NVIDIA

Mintlify

Spotify

Channels

Learn

Compare

Company

Agents