Kalasha
Design studio Bangalore · IST Clients worldwide

Design that ships.

Kalasha is a design studio in Bangalore. Brand, interface, motion, and the code to launch them, done by the same people from the first sketch to the live product.

Headline type · live wght 600 · wdth 100
Drawn by this page, nothing pasted in Type · Grid · Motion · Colour · Interface
Variable type
AaAa
wdth 75 · 700 → wdth 100 · 400
Generative field
Canvas · 22 lines · 60 fps
Interface
Approve
8 pt spacing · 2 weights
Numerals
0123
4567
89
Tabular · lining
Grid
12 col · span 3–9
Easing
cubic-bezier(.16, 1, .3, 1)
Colour
F5F4F1
0E0E0C
7100ED
D9D6CF
One accent, used once
Motion
Staggered · 200 ms
Wordmark
Kalasha
Instrument Sans · 700 · −5%

A kalasha is the vessel placed at the start of every undertaking in India. We are the studio you start with: the words, the screens, the code and the launch from one team, so nothing is lost in the handoff.

StudiesMade between client projects

Work we make for ourselves.

Type, layout, brand, interface and motion, drawn in the browser. Two of the interfaces come from live products: a Tenders morning digest and a MintNorth readiness report.

Study 01 · TypeOne family, five widths
Kalasha Journal · 01

Start with the vessel.

14

We write before we draw, so the design has something true to say.

A kalasha is the vessel placed at the start of every undertaking. Rice, water, a coconut, mango leaves: ordinary things, arranged with intent, before anything else begins.

That is the whole job of a studio. Take ordinary materials, type, colour, a grid, a sentence, and arrange them so the work that follows has somewhere to stand.

We write before we draw. We draw before we build. Each phase ends with something you can open in a browser, so the conversation is always about the thing itself and never about a picture of it.

15
Study 02 · EditorialSpread, two columns, folios
Study 03 · InterfaceTenders · daily matches
Study 04 · InterfaceMintNorth · readiness report
Study 05 · MotionVariable axes, 4 s loop
Kalasha
WordmarkInstrument Sans 700
Tracking−5%
Clear spaceCap height of K
Minimum24 px · 8 mm
Colour0E0E0C on F5F4F1
Accent7100ED, once
Study 06 · BrandWordmark rules
How a project runsFour phases, fixed scope

Weeks, not quarters. You see the live site from week one.

Every phase ends with something you can open in a browser. No decks that describe a website; the website itself, at each stage.

011–2 weeks

Discover

Goals, users, constraints and the words. We leave with a brief we both signed.

  • Brief and scope
  • Sitemap
  • Content outline
022–4 weeks

Design

Type, layout, interface and motion, reviewed on real devices every week.

  • Design system
  • Screens, all states
  • Clickable prototype
033–6 weeks

Build

Front end and full stack, written alongside the design, not after it.

  • Staging site
  • QA on devices
  • Performance report
041 week + 90 days

Launch

Deploy, measure, fix, improve. We stay through the first ninety days.

  • Live product
  • Analytics and search
  • Fixes and improvements
How we buildHuman direction, AI execution

A small studio that moves like a large one.

We vibe-code. The designer sets the direction, AI agents write the first draft of code and copy, and we review every line before it ships. The craft stays human. The speed does not.

One named designer-engineer per projectNo account layer
First working build within daysNot a deck
Weekly reviews on real devicesPhone, tablet, desktop
Every line reviewed before launchCode and copy
What we doIn the order we do it

Positioning, naming, tone and the copy on every screen. We write before we draw, so the design has something true to say.

A headline, rewritten
Innovative financial solutions for growing businessesKnow how a bank will score you, before you apply.

Flows, interface and interaction, with every state designed: empty, loading, error, success. Tested on real devices before they reach code.

A flow, three screens

Identity for the product: wordmark, type scale, colour and motion rules written so engineers can follow them without asking.

Type scale, 1.25 ratio
Display64 / 0.92
Heading40 / 1.0
Title28 / 1.1
Body18 / 1.5
Label13 / 1.4

Scroll, hover and page transitions built with GSAP, and product video that explains instead of decorates. One easing curve, used everywhere.

The curve this page uses

Front-end and full-stack builds, integrations, payments and auth. Fast, accessible and measured. The same people who designed it write it.

From this page's stylesheet
h1 {
  font-size: clamp(4rem, 16vw, 13rem);
  line-height: .9;
  letter-spacing: -.04em;
  font-variation-settings:
    "wght" var(--wght), "wdth" var(--wdth);
}

Analytics, search, performance budgets and the first ninety days of fixes and improvements. Numbers, not opinions, decide what changes.

Budgets we ship to
Largest contentful paint≤ 1.5 s
Layout shift0
Interaction to next paint≤ 200 ms
Accessibility100
Page weight, first view≤ 300 KB
What we believeFive rules, no exceptions
The studioBangalore · Clients worldwide

Designers who write the code.

Kalasha is a small design studio inside CFRM Technologies in Bangalore. We design and build for clients in India and abroad, and we run our own products too: MintNorth, capital-readiness intelligence for small businesses, and Tenders, a morning digest of government tenders matched to each subscriber.

Running what we build keeps us honest about what shipping takes. Our hours fall in IST, which overlaps with mornings in Europe and evenings in the United States.

WorkCase studies: October 2026
QuestionsWhat clients ask first

Four to twelve weeks depending on scope. A single-page site with three case studies is about six weeks from brief to launch.

Fixed scope, fixed price, agreed before design starts. Changes are quoted, not absorbed, so there are no surprises at the end.

The people you meet. There is no account layer and no handoff to a junior team after the sale.

Yes. We hand over a design system and front-end code your team can own, or we build and host it end to end.

Ninety days of fixes and improvements are part of every scope. After that, a monthly retainer if you want us to stay.

Yes. Most calls fall in IST mornings and evenings, which overlap with Europe and the United States. Reviews happen on a live link, so time zones rarely matter.