Silaa — The Garden Café · HSR Layout, Bengaluru

Three directions,
one café.

Three complete websites for the HSR Layout outlet. Same facts, same 87 dishes, same photographs — three entirely different layout systems, palettes and motion languages. Open each and pick one.

87 dishes · 13 sections 4.8 ★ · 1,918 reviews Pure Veg 6 pages each 17 photographs No build step — static HTML
Verdant direction preview Open Verdant →

Verdant

Dark botanical luxury

Layout
Top bar that condenses into a floating capsule, plus a full-screen overlay menu with image previews
Type
Cormorant Garamond + Jost
Libraries
Lenis · GSAP ScrollTrigger · SplitType
  • Full-bleed cinematic hero with parallax and film grain
  • Pinned horizontal Goan-curry gallery
  • Two-part magnetic cursor
  • Editorial price list with hairline rules

The premium one. Reads like a restaurant that costs more than it does.

Jam direction preview Open Jam →

Jam

Gig-poster energy

Layout
Fixed left rail — no top bar at all. Collapses to a drawer under 1000px
Type
Bricolage Grotesque + Space Grotesk
Libraries
Lenis · anime.js · Matter.js
  • Saffron and red pulled straight off the café's own poster
  • Draggable Matter.js pile of the 13 menu sections
  • Numbered lineup menu, like a set list
  • Animated waveform bars and a running ticker

Leans hardest into 'jamming café'. The most distinctive of the three.

Garden direction preview Open Garden →

Garden

Light, airy, built to convert

Layout
Floating bottom dock, app-style, plus a section-progress rail on the right edge
Type
Fraunces + Karla
Libraries
Lenis · GSAP (light)
  • Live search and section filter across all 87 dishes
  • Call and directions one tap away on every page
  • Masonry gallery with lightbox
  • Trust row — rating, dish count, price band — above the fold

The one that gets phone calls. Fastest, clearest, most usable on a phone.