NOIR Coffee

A specialty café landing page that trades bright lifestyle photography for a moody, premium dark palette and gold accents.

View live site
ph-akin.dev/coffee-landing.html
NOIR Coffee live page screenshot.
NOIR Coffee on desktop
The numbered menu — name, ingredients and price per cup, one line to a drink.
NOIR Coffee at 375px phone width
At 375px the textured dark hero breaks its wordmark to three lines above a single call to action.

Project overview

NOIR Coffee wanted a landing page that reads as premium the moment it loads — dark backgrounds, a subtle noise texture, and gold accent lines instead of the bright, generic café template look. The layout leads with an eyebrow and headline stack, then a single confident CTA.

Dark Coffee

The 30-second version

  • Dark, textured background instead of a generic bright café template
  • Gold accent system used sparingly for a premium feel
  • Type-led hero with a restrained, confident CTA
  • Layout built to read well on mobile, where most walk-in traffic looks first

Who this project fits

This approach suits specialty coffee shops, bars, and other brands where atmosphere is the product — where visitors need to feel the vibe of the space before they decide to visit, not just read a menu.

Want something like this?

Adapt this build to your own business

Tell me what your business does, what you want the site to achieve, and roughly what budget you’re working with — I’ll design and build it to fit.

Pricing starts at ฿3,900, depending on scope — see all three packages

Start a project on Fastwork Email me

View the live site All projects