Skip to main content
Grocery & provisionsComplete

Angadi

A provisions store that prints the price per kilo beside every pack price, so a basket can actually be compared — and states what happens when fresh stock falls short.

Design direction
Functional counter · unit-priced · variance-honest
Typefaces
Archivo · Nunito Sans
Pages included
5
Palette

Design decisions

Each of these came out of researching how this trade actually sells, not from a style preference.

  • 01

    Unit price — per kg, per litre or per piece — sits beside every pack price. This is the number a grocery basket is actually decided on, and publishing it makes shrinking packs visible instead of profitable.

  • 02

    Multi-size variants show their own unit price, so a buyer can see that 25 kg is Rs 58/kg against 5 kg at Rs 62/kg without doing the division themselves.

  • 03

    Fresh produce carries an explicit weight tolerance. Stating that a kilo means 950g–1,050g turns the trade's most frequent argument into a published term.

  • 04

    Substitution policy is a first-class field: nothing is swapped without consent, and the default is omit-and-refund rather than send-and-hope.

  • 05

    Cold-chain items are badged and flagged as needing in-person receipt, which prevents the spoiled-dairy dispute rather than arbitrating it later.

  • 06

    Dense four-column lattice at 0.9 density, because a provisions list is scanned rather than browsed — the opposite of a gallery theme.

How it’s built

The specifics matter because they determine what the site costs to run, how fast it is, and whether you can move it later.

Stack
Next.js 16 App Router, React 19, TypeScript, Tailwind CSS v4
Rendering
Fully static export — every route is prerendered HTML, independently crawlable
JavaScript
No animation or UI library. Design tokens applied as scoped CSS custom properties
Accessibility
Semantic landmarks, labelled controls, visible focus, prefers-reduced-motion honoured
Hosting
Deploys to any static host including cPanel shared hosting — no Node runtime required

Suited to

  • Provision stores and kirana shops moving online
  • Grocery delivery within a single city
  • Sellers of loose grain, pulses and oils packed to order
  • Anyone whose customers compare prices across pack sizes

What it doesn’t include

Stated up front rather than discovered later.

  • Prices, unit prices and FSSAI references are sample data and must be replaced with your own. FSSAI licence numbers must never be copied from another business.
  • No live inventory sync. A provisions catalogue changes daily, and stock status here is set manually unless connected to a billing system.
  • Unit prices are stated in the sample data and are not calculated at build time. Wiring them to net quantity is a small addition and worth doing before launch.
  • Delivery slotting and route planning are not included. Both matter at volume and neither is a storefront concern.
  • Built on RootPro's theme engine: 5 routes, with this theme's own palette, typefaces, card anatomy and layout variants.

Want Angadi for your shop?

Message us on WhatsApp. Tell us what you stock and roughly how many products, and we’ll come back with a timeline and a price.