← All work

Wideplate

Web design & front-end development · 2026 Visit live site ↗
01 · Introduction

Wideplate Restaurant serves Filipino comfort food in San Antonio, Zambales, near the Pundaquit coves. Portions are built for sharing, and the site had to carry that: a menu of fourteen categories, plus dine-in, pickup and delivery, all readable on a phone.

The build is one long homepage with four supporting pages. A cinematic hero rotates five plated shots behind the wordmark, the menu filters by category with a scroll-spy that keeps the active chip in view, and the combos open as accordions. The Visit section holds a map facade that makes no request to Google until it is tapped.

Under it, vanilla HTML, CSS and JavaScript on Vercel, with a generated critical-CSS block, self-hosted General Sans, and security headers. It ships an accessibility statement and a privacy policy that describe what the site actually does.

02 · Showcase
drag / swipe · ← →
Wideplate homepage hero with the five-slide plated carousel
Hero: five-slide plated carousel01
Wideplate's menu page with the category filter chips
Menu, filtered by category02
The Wideplate wordmark on the preloader screen
Wordmark preloader03
Wideplate's Our Story section on a phone
Our Story on mobile04
Wideplate's Visit section with the address, hours and the opened map
Visit: address, hours and the map05
Wideplate's FAQ accordion on a phone
FAQ on mobile06
01 / 06
03 · Brand palette
Copy #F4EEE1Cream paper
Copy #0B2A20Forest green
Copy #D9A441Wideplate gold
Copy #14241DInk
Copy #081F17Deep forest

Type: Fraunces (headings) · General Sans (body/UI, self-hosted) · Libre Baskerville (wordmark)

04 · Assets & tools
Interface
Five-slide hero carousel Menu filter with scroll-spy Combo accordions Gallery lightbox Tap-to-load map facade
Motion & access
One-time scroll reveals Magnetic buttons Reduced-motion fallbacks Skip link and WCAG AA contrast
Stack
Vanilla HTML/CSS/JS Self-hosted General Sans Generated critical CSS Security headers Vercel
← All work Next project: Red Bull Suzuka Livery →