01 · Introduction
Bambam Diner is a ramen shop in San Marcelino, Zambales, serving rich, slow-boiled ramen. This site is Arc Web Works' flagship piece: proof of how far a restaurant site can go when it's treated like a stage.
The centerpiece is a Three.js ramen bowl that builds itself as you scroll (broth, noodles, toppings) while sakura petals drift down the page. A noren curtain reveal opens each visit, and a floating music player keeps the room's atmosphere running across pages.
Under the theatre it stays simple: a multi-page site in vanilla HTML, CSS and JavaScript, deployed on Vercel.
02 · Showcase
drag / swipe · ← →
Hero: scroll-driven 3D ramen bowl01
Noren curtain reveal02
Menu page03
Floating music player04
Mobile view05
01 / 05
03 · Brand palette
Copy
#FBF0DACream base
Copy
#D6203AAka red
Copy
#F7C233Logo gold
Copy
#2B1C14Ink outline
Copy
#FBE6A6Menu wash
Type: Lilita One (headings) · Baloo 2 (body/UI) · Gameria (wordmark)
04 · Assets & tools
Interface
Noren curtain reveal
Floating music player
Multi-page architecture
3D & motion
Three.js ramen bowl, scroll-driven
Falling sakura petals
Stack
Vanilla HTML/CSS/JS
Three.js
Web Audio API
Vercel