KÒKTEL

01 The problem

Cocktail discovery is scattered across sites and apps, no clean place to search by name, ingredient, glass, or letter, save favorites, and get a good pick without endless browsing.

02 What we built

KÒKTEL is a cocktail discovery platform: search the full directory, browse categories, save favorites, and jump straight into a pour with curated shortcuts like Surprise me, Bartender classics, and Non-alcoholic.

03 How it flows

1. 01

   Search cocktails by name, ingredient, glass, or letter

2. 02

   Surprise me, a random pick from the full directory

3. 03

   Bartender classics and non-alcoholic collections

4. 04

   Favorites, save and return to drinks you love

5. 05

   Editorial magazine-style experience (VOL. 01)

6. 06

   Age-gated for legal drinking age

04 Automation & intelligence

API-driven recipe data with structured search and discovery flows. Skip browsing when you want, Surprise me pulls a random pick from the full directory; more shortcuts (ready in under 5 minutes, 3 ingredients or less, search by ingredient) are on the roadmap.

05 Business impact

A fast, editorial cocktail experience that turns “what should I make?” into a recipe in seconds, so more of the night goes to pouring, not hunting.

06 Brand

Primary palette

• Paper Cream

  Hex: #faf9f6

  Primary background from the KÒKTEL site

• Ink Black

  Hex: #1a1a1a

  Wordmark and primary text (Playfair Display)

• Night Black

  Hex: #121212

  Site body / footer surfaces

• Pure White

  Hex: #FFFFFF

  High-contrast surfaces and UI accents

07 Product

Technology

React.js · Next.js · TypeScript · Supabase · Cocktail API · Vercel · MUI