First screen of the cafe concept
Screenshot

Website concept

Cafe website

A roastery cafe concept with this week's beans and the menu written as real text.

Open the sample page (in Korean) (opens in a new tab)

Get a quote

Project notes

Real screens

Café concept hero: "매일 아침, 직접 볶은 한 잔." beside a coffee cup (desktop)
Café concept hero: "매일 아침, 직접 볶은 한 잔." beside a coffee cup (phone)
Captures of the real pages and programs, set in device frames.

Introduction

A concept for “Ondang Coffee”, a roastery cafe that brews with beans roasted each morning. The cafe's name was made up for the concept.

Main features

  • This week's beans, the menu with prices, the space and directions run in one flow.
  • The menu is text rather than an image, so prices are easy to update.
  • This week's bean names scroll slowly along the bottom of the first screen.

Technology

HTML, CSS
A static page in one file, with no script
Google Fonts
Web fonts

See it working

The screens in these demos are in Korean.

Related projects

My part and AI tools

Where AI tools were used

  • Layout, copy and code were made with an AI coding tool (Claude), per the repository history of 2026-10-03 and 2026-10-08.