Skip to content
dabba_

dabba_

Sector & region
Cloud kitchenMumbai, IN
Year
2026
Type
Concept
dabba_ homepage hero

One colour, one underscore, one dabba. We gave a plastic-free lunch kitchen a turmeric identity strict enough to read as a stamp, and an ordering site built around the returning tiffin.

About

dabba_ is an invented Mumbai cloud kitchen with one rule: lunch leaves in a three-tier steel tiffin, and the rider collects yesterday's empty when the next one arrives. It answers a problem anyone who eats at a desk in Lower Parel or BKC knows well, where every delivered meal comes in a plastic tub, a foil tray and a paper bag.

We gave it a strict one-colour language: turmeric ochre on warm paper, inverting to a full ochre field on the story pages, with no second accent anywhere. The wordmark is a high-contrast serif followed by a thick underscore, a fill-in-the-blank mark that scales from the nav to an 84vw hero, set over a cut-out steel lunch tray on a peach-to-amber paper ground. A quiet serif tab row (Today, This Week, Subscriptions) leads into category names stacked in a display serif, with drawn food objects (a green chilli, a katori of dal, a phulka, a cube of paneer, a boondi ladoo) floating over the letters. The two ways to order become giant hairline shapes: a square for today, a circle for a weekly plan.

The page runs on a four-column grid with 16px margins. Column one is a constant spine for the logo, sub-navigation, filters and the kitchen list, and page titles start at column two on the logo's baseline. The shop uses superscript counts, a return-arrow active marker and a feature card with the dish name set over a clipped cut-out photo, beside a drawn steel tier. Careers trades a photo for a drawn street scene: an ochre sandwich board reading cook, pack, return outside the kitchen shutter. Motion stays quiet: the wordmark letters rise in, the underscore draws and blinks like a cursor, the food objects bob slowly and a dot travels the steel-loop diagram. On mobile the filters turn into a scrolling pill row and the two order shapes sit side by side.

Features

WebsiteE-commerceBrand

Deliverables

  • Landing page
  • Logo and wordmark
  • One-colour brand system
  • Shop and ordering UI
  • Food and street illustration set
  • Motion
dabba.conceptOpen live ↗
dabba_ homepage
Live, scrollable prototype of the dabba_ website.
dabba_: menu section

Highlights

  1. 018-section landing page with a full-screen menu, responsive to 360px
  2. 02Wordmark drawn as SVG outlines with a separate underscore bar
  3. 03Hand-built SVG food objects, steel tier and a drawn careers street scene
  4. 04Shop grid with filters, a zone picker and a working add-to-dabba count
  5. 05Four graded photographs, everything else drawn in code
dabba_: order section
dabba_ on a phone, view 1
dabba_ on a phone, view 2
dabba_ on a phone, view 3
dabba_: kitchen section
dabba_: shop section

The whole page

Every section of the homepage, top to bottom, exactly as built.

The full dabba_ homepage, top to bottomHover to scroll the full page
dabba_: careers section
dabba_: footer section

Colour

Haldi OchreAccent / display type, hairlines and inverted page fields#BA7409
Tiffin PaperBackground#F6F2E8
Atta TileProduct tiles#ECE5D5
Chaas CreamType and pills on ochre#FFFBF2
Tadka AmberHero paper wash, peach to amber#DB8A34
Roasted JeeraInk over the hero still life (nav and captions), and case-study text#6A3D0B

Type

WordmarkAaGloockWeight 400
Display serifAaNewsreaderWeight 400
Titles, UI and bodyAaArchivoWeight 400

Next projectInterior design

Studio Kaath

Related work