Skip to content
ZANARIX
All work
  • Concept

Kahvolu Café.

A launch campaign for a fictional neighbourhood café: a short brand film made in code, a motion logo, a set of social posts, ads and a landing page, all from one identity.

Type
Café launch campaign · Film, motion, social & ads
Scope
Identity · Film · Social · Ads · Landing page
Café
Fictional, created by Zanarix
Film
16 s loop, made in code

Edit timeline · 16 s loop

V1 and V2 are picture and title tracks, A1 is music. In a real campaign, V1 would be filmed footage and A1 a licensed track.

Launch film · Made in code, not filmed · Concept · Sample data · Fictional café

The problem

A new café has one chance to be known before it opens.

We set ourselves a brief: a small café and bakery opening on a neighbourhood corner. It needs people to know it exists, and to want to come on the first day, before a single cup has been sold.

Small businesses often launch with a logo, a few phone photos and posts that each look different. The message gets lost, and so does the budget.

The idea and approach

One story, told the same way everywhere.

Kahvolu is an invented name, inspired by the sound of Finnish words. The identity tells one story, mornings in the neighbourhood: a sun rising out of a cup, warm crema and apricot colours, and a friendly, slightly quirky typeface.

From that we built a campaign kit: a short film with a motion logo, a series of social posts, ads cut for each placement and a landing page that collects interest before opening day. Every piece uses the same words, colours and type.

Key features

What the campaign includes.

The film above really plays on this page: it is animated in code. Everything else is shown as concept designs.

  • Brand film

    A 16-second launch film in four scenes, with an edit timeline showing how the picture, titles and music line up.

  • Motion logo

    The sun rises out of the cup: a short logo sting that opens and closes every video.

  • Social post series

    Six posts for the weeks before opening: announcement, morning bake, menu, behind the scenes and opening day.

  • Ad formats

    The same message cut for a tall story ad and a wide banner, so it fits each placement.

  • Landing page

    A simple page that says what's coming, shows a few menu favourites, and collects emails for the opening day.

  • One identity

    Logo, palette, typeface and short rules, so every future post looks like it comes from the same place.

Identity and campaign

Warm, bright and easy to recognise.

Kahvolu Café's identity and campaign pieces: a fictional café, designed by Zanarix.

kahvolu

Primary logo

Mark on Espresso

Palette

  • Espresso

    #3A2A22

    Text, dark backgrounds

  • Crema

    #F4E9D8

    Main background

  • Apricot

    #F0A35E

    The morning sun

  • Tomato

    #D9573B

    Stickers, sparingly

  • Sage

    #A7B8A0

    Fresh accents

  • Oat

    #E3D3BC

    Panels

Typography

Aa

Bricolage Grotesque

Warm and a little quirky, like a good neighbourhood café. Bold for headlines, regular for menus.

Guidelines

  • The sun rises out of the cup: never crop it.
  • Crema backgrounds, Espresso text, Apricot for warmth.
  • Tomato only for small stickers, like “New” or “Opening day”.
  • Short lines, big type: every post readable on a phone at a glance.

Social posts

A launch series in one consistent style: announcement, menu, behind the scenes and the opening.

  • Post · Announcement · Concept · Sample data
  • Post · Morning bake · Concept · Sample data
  • Post · Menu · Concept · Sample data
  • Post · Behind the scenes · Concept · Sample data
  • Post · Slow mornings · Concept · Sample data
  • Post · Opening day · Concept · Sample data

Ad formats

The same message cut for each placement: a tall story ad and a wide banner.

Story ad · Concept · Sample data
Banner ad · Concept · Sample data
Launch landing page · Concept screen · Sample data

Design highlights

Made to be seen on a phone, in a second.

  • Big type, short lines

    Every post and ad is readable at a glance on a small screen, even while scrolling past.

  • A palette from the counter

    Espresso, crema and oat, with apricot as the morning sun and tomato only for small stickers.

  • Motion with a purpose

    One idea per scene and a steady rhythm, with a pause button and a still frame for reduced motion.

  • Made for sound off

    Every message is in the picture, so the film works without sound, where most people watch it.

Technology

How it's made.

Film in code
The film on this page is SVG and CSS animation: sharp at any size, and light to load.
Edit timeline
Shows how the picture, titles and music line up, the way an editor plans a cut.
For a real café
We would film real footage, edit it with licensed music and subtitles, and export each format for its platform.
Landing page
Built like our other sites, with the email sign-up connected to the café's newsletter tool.

What it would do for a business

What a campaign like this is designed to do.

Applied to a real opening, this approach aims to:

  • Make the café recognisable before the doors open.
  • Give weeks of ready-made posts, so the owner can focus on opening.
  • Collect interested people's emails, so opening day doesn't start empty.
  • Keep every channel consistent, so the budget builds one clear image.

Intended outcomes, not measured results.

Services involved

Each one links to more of our work in that service.

All concepts, designs and content © Zanarix. All rights reserved.

All brands, products, people and data in Zanarix concepts are fictional. Any resemblance to real companies is coincidental.

Next step

Opening something new?

Tell us what you're launching and who it's for. We'll show you how a campaign could tell that story everywhere.

Start a campaign project