Back to the work

05 / 08 Cafés & Restaurants

Rumi Cafe

Turkish-Irish café · Dublin, Ireland

The steam from a coffee writes Rumi’s signature.

rumi-cafe-francis-street.vercel.app

The site’s opening, recorded live

02 The project

A family-run café on Francis Street, Dublin 8: speciality coffee, Turkish treats and a teal storefront everyone recognises. A multi-page website with an 18-item menu with search and filters, story, gallery, club and gift cards; orders carry on to the café’s ordering site.

  • Multi-page website
  • Logo traced with OpenCV
  • Menu with filters

03 The direction

Composition
Real photos of the table, the counter and the street, with paper sheets and handwritten notes laid over them.
Typography
URW Bookman for titles, with an editorial italic, and Nimbus Sans for navigation.
Colour
The teal of the storefront, gold, paper and coffee.
Central gesture
The steam from a latte traces every letter of the signature.

The site’s palette

  • Teal#267B8D
  • Deep teal#103E49
  • Gold#D6B76E
  • Paper#F4EDDE
  • Coffee#241D18

Typefaces

URW Bookman · Nimbus Sans

04 The interface

rumi-cafe-francis-street.vercel.app

Rumi Cafe: screen 2 of the live site

rumi-cafe-francis-street.vercel.app

Rumi Cafe: screen 3 of the live site

rumi-cafe-francis-street.vercel.app

Rumi Cafe: screen 4 of the live site

Phone

Rumi Cafe on a phone: screen 1
Rumi Cafe on a phone: screen 2

05 The motion

  1. 01 The table
  2. 02 The steam
  3. 03 The signature

The table photo settles, three lines of steam rise from the latte, gold lines trace every letter of RUMI CAFE from left to right and give way to the filled signature, in 2.85 seconds.

06 What I did

Visual direction, interface, motion and development.