HAPPYHOUR
HAPPYHOUR
Visual identity

Saving money
feels premium.

HAPPYHOUR connects Prague restaurants with diners — filling off-peak tables while offering quality food and local events at a discount. It’s a single brand system for a two-sided product, where colour, typography, and design make saving money feel like a premium dining experience, not a cheap coupon deal.

Brand system Two-sided product iOS · diner + operator Periwinkle / Saffron
Scroll
01The brief

Connecting diners and venues.

Empty off-peak tables lose money, and diners want great food for less. HAPPYHOUR connects them. The core challenge was perception: discount platforms look cheap. The identity had to make a special offer feel premium, so neither the restaurant nor the diner feels compromised.

Instead of mirroring coupon sites, the design takes cues from high-end reservation apps. An elegant serif establishes the brand tone while a clean sans-serif handles the utility. The result feels like a real dining experience, not a daily deal.

02The name

HAPPYHOUR.

The name is entirely literal — it takes a concept every diner already understands and expands it from the bar to the whole table. After cycling through several complex working titles, we chose the most direct route: a single word split into two visual tones, communicating the entire proposition at a glance — great food during off-peak hours.

03Wordmark

One word, two tones.

The wordmark splits a single word into two distinct colours: white HAPPY and saffron HOUR. Because this high-contrast colour break handles the heavy lifting, the identity remains clean and entirely typographic — no icon required. To keep the focus on the restaurants, the wordmark is reserved strictly for the app interface and never competes with a venue’s own branding.

HAPPYHOUR
HAPPYHOUR
On periwinkle — primary
HAPPYHOUR
On light — in-app
HAPPYHOUR
Mono — low-emphasis
04Colour

Day and night.

The palette pairs a periwinkle-to-deep-purple gradient with a saffron accent. Combining these day and night tones reflects a simple fact: the app works at any hour of the day. The gradient is used in headers and primary actions, and should never be flattened to a solid navy. Saffron is used strictly as an accent for emphasis and scarcity cues. For a clean UI, content sits on white cards over a soft lavender canvas. Buttons adjust their colour from the background: saffron on dark gradient screens, the purple on light ones.

Periwinkle
#5E65CD
Header & brand. Gradient top.
Deep Purple
#45347A
Gradient base, date chips.
Saffron
#EFB36D–#F3B13E
The one accent. Wordmark, emphasis.
Lavender canvas
#EDEBFA
App background. Cards sit white on top.
Primary action gradient · #5E65CD → #45347A — never flattened to navy
05Typography

Two fonts, two clear roles.

Georgia handles headlines and venue names, while Georgia Italic closes out key phrases to establish an editorial style. Inter runs all functional UI text.

GeorgiaBold Italic
Ma
Manifesto Market
Brand headlines · venue & event namesBold · Bold Italic
Inter400–800
0 Kč
Off-peak revenue, recovered
Labels · numbers · body · buttonsAa Aa Aa
06Components

A small kit, used consistently.

Pills, slot pickers, gradient buttons, status chips, venue cards — a compact component set on a 4px grid, repeated identically across both apps so the whole product feels like one thing.

Status pills
✓ Confirmed Pending · 8 min Saved 480 Kč 2 guests
Buttons
Book · light bg
Create account · gradient bg
Colour follows the background, not the action.
Slot picker
11:00
18:00
19:00
19:30
20:00
20:30
Border-and-text availability, single select.
Venue card
Manifesto Market
World street food · Prague 5 · ★ 4.9
40% OFF · 5 slots
Booking strip
Unlimited Drinks
Tue 28 Apr · 11:00 · 2 people
✓ Confirmed
Savings chip
Saved 480 Kč
The one emotionally-loaded fact, surfaced at review time.
07In product

The system, on screen.

From the diner’s welcome to the operator’s stats — the same periwinkle headers, Georgia-italic titles, white cards and saffron accents, across both halves of the marketplace.

9:415G 98%
HAPPYHOUR
Saving money is a big deal.
Kantina
Czech · Prague 5
40% OFF
★★★★☆
Manifesto Market
Street food · Prague 1
35% OFF
12 covers left tonight
Diner · Home
9:415G 98%
Book Your Spot
Kantina · 35% off your bill
DATE
28 Apr
29
30
TIME
17:00
17:30
18:00
Confirm booking →
Diner · Booking flow
9:415G 98%
Good morning Market!
Tue 28 Apr · Manager view
Covers today
↑ 9%
28 of 60 booked
Unlimited Drinks
14 seats unsold · 1h 47m
Push to followers →
Operator · Dashboard
9:415G 98%
Stats
April 2026
OFF-PEAK REVENUE RECOVERED
0 Kč
DEALS
24
FILL RATE
81%
Operator · Stats
Next
The case study
How the product was scoped and built — the operator dashboard through three versions, the decisions, and what I'd do before it ships.