overview

MuNi KC is River Market's neighborhood Mexican-Thai fusion bar and eatery, serving thoughtful drinks and Kansas City soul at 316 Delaware Street.

mediaBrilliance built the site from a blank page: architecture, brand design, full menu system, live Instagram feed, perfect Lighthouse scores and a DNS cutover to Bluehost with SSL issuance.

results

site preview

services

phase 1: foundation

March 11, 2026

1. site architecture: 8 html pages with svg sitemap visualization for client reference
2. navigation + footer: dynamic header (menus, about, contact) and three-column footer injected by js
3. code documentation: jsdoc headers, section comments, accessibility notes throughout

phase 2: content + schema

March 17, 2026

1. full menu integration: cocktails, appetizers, entrees and brunch items with gf/v dietary labels
2. hours + location: tue-sun service hours, weekend brunch, address and google maps embed
3. restaurant schema: openingHoursSpecification, address, contact and menu link for rich results

phase 3: client revisions

March 20, 2026

1. nav streamline: events and gallery pulled out, header restructured, footer redesigned to three-column grid
2. homepage carousel: photo carousel with responsive breakpoints (3/2/1 slides) and prev/next nav

phase 4: design + polish

March 21, 2026

1. brand system: kalam (headers) + quicksand (body), crimson accents (#C41E3A), warm off-white text
2. menu card layout: list → card grid with image placeholders, hover effects, responsive columns
3. page transitions: warm crimson fade, subtle scale, reduced-motion fallback
4. audit + cleanup: removed orphaned files, 115+ lines of unused css/js, added MUNI constants object
5. back-to-top: appears after 300px scroll, crimson hover glow, mobile-sized
6. asset suite: favicons, android chrome icons, og image (1200×630), pwa manifest

phase 5: performance + a11y

March 21, 2026

1. lighthouse audit: fixed every flagged issue, locked in 90+ performance and 100s across the board
2. asset minification: css 28kb → 18kb (36% smaller), js 23kb → 9kb (61% smaller)
3. brand guide: hex codes, type pairings and social media dimensions for the client's own posts

phase 6: menu visual overhaul

March 25, 2026

1. custom svg glassware: 8 placeholders covering rocks, collins, coupe, small plate, big plate, bowl, small bowl, sandwich
2. cocktail glass mapping: rocks for old fashioned, collins for horsefeather, coupe for daiquiri, etc.
3. food plate mapping: small plates for apps, bowls for noodles, big plates for entrees, sandwich for handhelds
4. now-serving status: real-time hero indicator with 10 states across day/time, including late-night carryover

phase 7: carousel + vhs effect

March 26, 2026

1. real photography: 11 webp images at 500×500 / 80% quality (~350kb total) replace placeholders
2. vhs rewind effect: scan lines, tracking band, vertical warp, color distortion + snap-pop on carousel loop

phase 8: instagram + hero

March 27 - 31, 2026

1. zero proof cocktails: dedicated section above regular cocktails for four non-alcoholic craft drinks
2. behold.so instagram: live auto-updating feed replaces placeholder carousel, removed 60+ unused css/js lines
3. hero hours + bubbles: three-row hours display (brunch/dinner/bar), rising bubbles animation, hot pink brunch highlight via :has()

phase 9: menu rebuild + handoff

April 5, 2026

1. menu rebuild: 11 cocktails, 15 dinner items, 18 brunch items reorganized into zero proof, cocktails, dinner, brunch
2. code audit: removed unused selectors, added --glow-crimson variable, condensed comments, regenerated minified bundles
3. seo + a11y final pass: twitter cards across all pages, og:image fixes, descriptive logo alt text, focus + skip-link visibility
4. self-hosted fonts: quicksand + kalam woff2 served locally to eliminate render-blocking google fonts requests

phase 10: launch + ssl

May 13 - 14, 2026

1. formspree wiring: contact and careers forms activated with verified test submissions
2. dns cutover: squarespace → bluehost (50.6.155.223), kept mx, spf and verification txts intact
3. autossl issuance: cleared bluehost dns cache after propagation, cert covers munikc.com + www.munikc.com through aug 12, 2026
4. style hover removal: dialed back menu card hover effect per client feedback, mirrored to style.min.css

lighthouse scorecard

May 16, 2026 · Lighthouse 13.0.2 · Emulated Desktop

key features

tech stack

brand system

Hand-painted logo set the tone: brush-script headlines in Kalam paired with rounded, friendly Quicksand body. Crimson red (#C41E3A) lifts off a near-black background (#0D0D0D) and warm off-white text (#FAF9F6), avoiding the cold blue cast of pure white.

more projects