Michael Dewald

Kammlicht Barber: Fictional Barbershop Demo with Six Designs

Cover: Kammlicht Barber: Fictional Barbershop Demo with Six Designs
Michael Dewald
Michael Dewald
·

Case study

A fictional barbershop website shown as a demo: six layouts, six colour themes, and a mobile-first flow, all built on sample data and AI imagery.

Open live site
Role
Demo website and frontend development
Stack
ReactTypeScriptViteTailwind CSSGSAP

Kammlicht Barber

Kammlicht Barber is a fictional barbershop used as a public demo. All brands, places, services, and images are invented; the images are AI-generated. There is no real booking and there are no real contact details.

What the demo shows

  • Six layouts (Classic, Editorial, Showcase, Atelier, Monolith, Avantgarde) on one shared content base
  • Six colour themes from light ivory to dark neon
  • Mobile-first structure for services, locations, and notices
  • Honest actions: buttons lead to a demo notice, not to a booking

    • Visual highlights

    AI-generated image for the precision cut
    Fig 1 | AI-generated image for the precision cut
    AI-generated studio image
    Fig 2 | AI-generated studio image

    Tech Stack

    • React
    • TypeScript
    • Vite
    • Tailwind CSS
    • GSAP

      • Context

      The demo shows how a local business presence can be shaped in different design directions. It is not a client project and makes no claims about results or metrics.

      More work: Work | Contact