Day of Design
← All workM Chá Bar · 2022

Tea barGreater Toronto · three stores

Wheat in the M,
tea in the cup.

The M Chá Bar copper line mark: an M with a stalk of wheat in a circle, CHÁ BAR beneath
A hand holds a brown-sugar bubble tea, the M Chá Bar line mark on the cup, against the blurred lights of an evening street
Website hero: the line mark composited onto the cup by the studio; photograph not by the studio

00The project

Client
M Chá Bar
Sector
Fruit and milk teas
Where
Greater Toronto Area
Year
2022

M Chá Bar is a tea bar with three stores across the Greater Toronto Area: fruit teas made from fresh fruit with nothing artificial, milk teas made with local organic milk. In 2022 we set out its mark — a serif M whose middle stroke grows into a stalk of wheat, held in a circle — fixed its navy, copper and stone, and designed the website’s home page.

  • The mark, solid and line versions
  • Palette: navy, copper, stone
  • Website home page

01The mark

A letter
that grows wheat.

The M is a serif capital whose middle stroke grows into a stalk of wheat. It comes in two versions: a solid navy seal with the M reversed out, for the small places that must stay clear — cups, signs, avatars — and a single copper line on navy, for the website and the quieter moments. CHÁ BAR sits underneath in wide-set capitals, accent kept.

The M Chá Bar copper line mark: an M with a stalk of wheat in a circle, CHÁ BAR beneath
The M Chá Bar solid navy seal, the M and wheat reversed out, CHÁ BAR beneath
Navy#00245E
RGB 0 36 94
Copper#8D6041
RGB 141 96 65
Stone#DCDCD0
RGB 220 220 208

02On the cup

Printed on the cup,
coloured by the drink.

In the shop the mark is printed in one colour on clear cups, and the drink becomes the ground: citrus yellow, taro lilac, brown sugar. These product photographs come from the 2022 design file and lead the site’s “Popular this year”.

Two citrus fruit teas, the M Chá Bar mark printed in one colour on the cup

Two citrus fruit teas, the M Chá Bar mark printed in one colour on the cup

Citrus fruit tea
A taro milk tea with the M Chá Bar mark on the cup

A taro milk tea with the M Chá Bar mark on the cup

Taro milk tea
A milk tea, a dish of tea leaves and a spray of white daisies on dark stone
Still life used beside the website’s first screen; photographer not recorded

03The website

A website
steeped in navy.

The home page opens on a navy field that deepens from left to right, as on every page of the identity. Baskerville gives the titles a café-menu warmth; copper draws the hairlines, card frames and buttons. Below come the year’s popular drinks, the story and the three stores. Re-set here in HTML from the 2022 layout, with the shop’s own copy in place of the placeholder text.

Home page · re-set from the 2022 layout

The M Chá Bar copper line mark: an M with a stalk of wheat in a circle, CHÁ BAR beneath
The line mark on the identity’s navy field
Client
M Chá Bar
Year
2022
Scope
The mark, solid and line versions · Palette: navy, copper, stone · Website home page

Rebuilt from the 2022 “M Chabar VI / Web Showcase” design file. The archive does not record who first drew the M-and-wheat mark; the cups in the photographs carry a different one-colour version. The drink photographs and the street and still-life photographs used in the website come from that file and their photographers are not recorded; the line mark on the hero cup was composited by the studio. The home page is re-set here in HTML from the 2022 layout, with the design’s placeholder text replaced by the shop’s own copy and the store addresses and maps left out. The archive does not show whether the site went live.

Explore more work ↗Book a free call ↗