← Selected work

Brand and web system

Grande Burrito

The concept translates Grande Burrito's logo and printed-menu style into a motion-led SvelteKit site with a practical Sanity editing system.

Role
Independent research · Digital design · Content system · Engineering
When
2026 · In progress
Built with
SvelteKit · Sanity · TypeScript · Playwright
Product screenshot Static preview
Open live site
Grande Burrito landing hero with a foil-wrapped burrito positioned over the oversized Grande wordmark
01

The premise

Grande Burrito is a restaurant in my town whose food I already enjoy. Its web presence lives primarily on social media, and I saw an opportunity to give the business a more professional home while making its most important piece of information—the current menu—much easier to find.

This is a self-initiated concept. It was not commissioned by Grande Burrito and has not been presented to or approved by the restaurant.

02

Researching the existing voice

I reviewed the restaurant's Facebook presence, the way it communicates with customers, its posted menus, and public Google reviews. Rather than inventing a replacement identity, I treated the existing logo and printed-menu style as the source material for the site.

The digital expression adds a stretched Grande wordmark, a motion-led logo treatment, clearer hierarchy, and a dedicated structure that social posts cannot provide. The animated logo is the detail I am proudest of in the current build.

03

A site the owner could run

The public experience is paired with a Sanity studio for maintaining menu categories, items, prices, sold-out states, regular hours, exceptions, announcements, imagery, and supporting copy. The expressive homepage hero remains locked so routine content editing cannot accidentally dismantle the central brand moment.

A generated content snapshot can preserve essential public information during a CMS outage. For this speculative build, that resilience is proof of the feature and of the production thinking behind the concept—not a requirement supplied by the restaurant.

04

Honest placeholders

The burrito image in the current hero was generated with ChatGPT as a temporary visual placeholder. It is not presented as a photograph of a real Grande Burrito menu item. An official version would replace it with photography of the restaurant's actual food.

05

Current status

I researched, designed, and built the working frontend, content model, Sanity studio, validation rules, and resilience layer. Before presenting it as a real proposal, I would simplify the administrative interface, continue refining the motion, add a printable menu for customers who want to keep a copy at home, and replace the placeholder hero image with original photography.

06

What I owned

This was an independent end-to-end exercise spanning research, product strategy, content modeling, visual and interaction design, animation, frontend engineering, CMS architecture, and testing. The restaurant retains ownership of its existing identity; my contribution is the digital system built around it.

Design system Emerging · Contract 1.0.0

The system behind the work

Grande Burrito Sign & Sheet System

A sign-led, menu-sheet-inspired system that keeps restaurant decisions clear and resilient.

  1. The sign is the anchor, not wallpaper

    Brand cues establish identity without competing with operational information.

  2. Operational facts come first

    Hours, menu, phone, and directions remain useful through degraded states.

  3. Borrow the menu's rhythm, improve its scan

    Printed-menu character is translated into accessible digital hierarchy.

  4. Build resilience into the default

    Accessibility, responsive content, and service failure are first-class states.

Visual fingerprint

Identity, components, and proof.

A curated view of the system’s real foundations and state coverage—not a second documentation site.

01

Foundation

Semantic color

  • Sign ink#17141c

    Brand field, text, and focus

  • Sign tan#a6855f

    Observed storefront identity

  • Paper#fff9ec

    Primary sheet surface

  • Warm paper#ead9bc

    Subtle operational panels

  • Deep paper#d3b483

    Surface emphasis

  • Muted ink#594a3e

    Supporting copy

  • Rule#aa9578

    Menu dividers and boundaries

02

Foundation

Typography roles

  • Brand Anton

    A self-hosted condensed face reserved for the sign-derived mark.

  • Display Georgia

    Brings printed-menu character to food-led headings.

  • Body and controls System sans serif

    Keeps hours, prices, actions, and operational copy fast to scan.

03

Inventory

Representative components

Grande Burrito design-system specimens showing the BrandMark, an available MenuItem, and the current HoursStatus panel in the viewer’s system theme
BrandMark, MenuItem, and HoursStatus captured from the Grande Burrito system specimen.
  • BrandMark

    A responsive reconstruction anchors the identity while its provisional provenance stays explicit.

    • Responsive
    • Accessible label
    • Provisional
  • MenuItem

    Menu rows preserve pricing and availability detail without recreating the printed menu’s density.

    • Available
    • Sold out
    • Long content
  • HoursStatus

    Current status, next transition, today’s hours, and exceptions stay answerable together.

    • Open
    • Closed
    • Exception
04

In the product

System at work

Grande Burrito menu showing typographic hierarchy across starters, burritos, descriptions, and prices

Decision propagation

Printed-menu rhythm becomes a scannable system

Food categories, descriptions, and prices use a consistent editorial hierarchy that keeps a long made-to-order menu easy to scan.

Accessibility and resilience Operational information survives degraded states

The sign pair measures about 5.33:1, actions meet the 44px target, focus remains visible in forced colors, and status never relies on color alone.

Next project Fritz

More selected work

Elsewhere in the portfolio