Wawa's Asian Kitchen

<!-- Generated by ExtractVibe — https://extractvibe.com/brand/wawaslausanne.ch -->
<!-- Extracted: 2026-11-01T09:06:44.106Z | Schema: v1 | Quality: 100/100 -->
---
version: alpha
name: "Wawa&#039;s Asian Kitchen"
description: "Carte presents itself as an accessible and enthusiastic Asian restaurant, focusing on clear communication of its menu and operational details. The brand balances a playful, approachable tone with a straightforward, informative presentation, aiming to welcome diners without unnecessary frills."
colors:
  neutral: "#848484"
  surface: "#f6f6f6"
  on-surface: "#686868"
  on-surface-secondary: "#848484"
typography:
  headline-sm:
    fontFamily: "Raleway"
    fontSize: "18px"
    fontWeight: "700"
    lineHeight: "24.75px"
    letterSpacing: "1px"
  body-md:
    fontFamily: "Roboto"
    fontSize: "16px"
    fontWeight: "400"
    lineHeight: "26px"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
---

# Wawa&#039;s Asian Kitchen — Design System

## Overview

Wawa's Asian Kitchen embraces the archetypes of The Everyman and The Innocent, manifesting as an accessible and enthusiastic Asian restaurant. The design system prioritizes clear communication of menu and operational details, balancing a playful, approachable tone with a straightforward, informative presentation. This approach aims to welcome all diners without unnecessary frills or pretense. The brand's aesthetic is comparable to casual dining establishments like Wagamama, P.F. Chang's, Nando's, and Chipotle, all of which excel at delivering a consistent, understandable, and enjoyable experience.

The design is not exclusive or overly sophisticated; it avoids the minimalist austerity of high-end dining or the chaotic visual noise of a street food vendor. Instead, it offers a clean, inviting, and easy-to-navigate interface that reflects the brand's commitment to approachability and clear service. The visual language is direct and friendly, ensuring that customers feel comfortable and informed from the moment they engage with Wawa's Asian Kitchen. The goal is to create an experience that is both delightful and effortlessly functional, mirroring the brand's core values.

**Key characteristics:**

- Vibe — accessible, enthusiastic, playful, straightforward, informative, approachable
- Archetypes — The Everyman, The Innocent
- Comparable to — Wagamama, P.F. Chang's (casual dining), Nando's, Chipotle
- Design era — flat-2.0
- Emotional tone — friendly-enthusiastic
- Target audience — Diners seeking a casual, enjoyable Asian dining experience in Lausanne, who appreciate clear information and a welcoming atmosphere.
- Visual energy — 6/10 (moderate)

## Colors

The color philosophy centers on a clean, inviting foundation, with a primary surface color of #f6f6f6. This light, neutral base provides an accessible and straightforward canvas, allowing content to stand out clearly. The absence of a dominant primary color ensures versatility and prevents visual clutter, reinforcing the brand's approachable and informative character. This palette signals a fresh, uncomplicated dining experience, aligning with the brand's commitment to clear communication without unnecessary visual distractions.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| background | `#f6f6f6` | White Smoke |
| text | `#686868` | Dim Gray |
| secondary text | `#848484` | Gray |
| muted | `#848484` | Gray |

## Typography

The type system utilizes Roboto and Raleway for primary content, ensuring readability and a modern, straightforward appeal. Pacifico is reserved for playful accents, injecting an enthusiastic and approachable personality without compromising clarity. This hierarchy establishes a clear visual flow, guiding the user through information efficiently. The combination communicates a brand that is both informative and engaging, balancing a professional presentation with a touch of lightheartedness, consistent with Wawa's Asian Kitchen's Everyman and Innocent archetypes.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| Roboto | body | system | 400 |
| Raleway | heading | google-fonts | 700 |
| Pacifico | heading | google-fonts | 700 |
| Raleway | body | google-fonts | 400 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Heading 4 | Raleway | 18px | 700 | 24.75px | 1px |
| Body | Roboto | 16px | 400 | 26px | — |

### Conventions

- Heading case — sentence-case
- Body line-height — 26px

## Layout

- Base spacing unit — `2px`

## Do's and Don'ts

### Do

- Use Raleway 700 or Pacifico 700 for headings, always in sentence-case.
- Employ Roboto 400 or Raleway 400 for body text, with a line-height of 26px.
- Maintain a light background of #f6f6f6 for primary content areas.
- Utilize #686868 for all primary text content, ensuring readability against the light background.
- Keep vocabulary simple and direct, avoiding jargon to maintain accessibility.
- Structure content with clear, functional labels for calls to action, such as 'CONTACT' or 'CARTE'.
- Maintain a flat design aesthetic with no box-shadows or gradients on any elements.
- Adhere to a base unit of 2px for all spacing and sizing, ensuring consistent visual rhythm.

### Don't

- Do not use title case or all caps for headings; all headings must be in sentence-case.
- Avoid the use of emojis in any brand copy or communication.
- Refrain from using exclamations frequently; keep them rare to maintain a balanced tone.
- Do not incorporate any box-shadows on elements; maintain a flat visual style.
- Avoid the use of gradients in any design elements; stick to solid color fills.
- Do not use complex or technical vocabulary; keep language simple and accessible.
- Do not use any border-radius on elements, as none were detected, implying sharp corners or default browser styling.
- Avoid any design elements that introduce depth or layering effects; maintain a flat and minimal presentation.

*Source — inferred*

## Voice

### Tone (1–10 scale)

| Axis | Score | Lean |
|------|-------|------|
| Formal ↔ Casual | 4/10 | formal |
| Playful ↔ Serious | 8/10 | serious |
| Enthusiastic ↔ Matter-of-fact | 9/10 | matter-of-fact |
| Respectful ↔ Irreverent | 7/10 | irreverent |
| Technical ↔ Accessible | 9/10 | accessible |

### Copywriting style

- Avg. sentence length — 8 words
- Vocabulary — simple
- Jargon — none
- CTA style — direct, functional labels (e.g., 'CONTACT', 'CARTE')

### Sample copy

> Rouleau de Nêms 1 pièce (au porc ou aux légumes) avec sauce aigre-doux

> Crêpes farcies à la vapeur façon HA NOÏ (au porc hâché et champignons noirs)

> Le restaurant est ouvert du lundi au samedi, de 11h30 à 14h30 et de 18h00 à 22h30.

> Assiette de riz avec poulet à la vapeur et sauce gingembre

## Logos

| Type | Variant | Format | URL | Confidence |
|------|---------|--------|-----|------------|
| primary | — | svg | [link](https://img.loadlogo.com/wawaslausanne.ch) | 100% |
| favicon | — | ico | [link](brands/wawaslausanne.ch/logo-0.ico) | 95% |
| favicon | — | png | [link](brands/wawaslausanne.ch/logo-1.png) | 95% |
| favicon | — | png | [link](brands/wawaslausanne.ch/logo-2.png) | 95% |
| favicon | — | png | [link](brands/wawaslausanne.ch/logo-3.png) | 95% |
| favicon | — | png | [link](brands/wawaslausanne.ch/logo-4.png) | 95% |
| primary | — | png | [link](brands/wawaslausanne.ch/logo-5.png) | 85% |

## Sources

- Official brand guidelines — https://www.canva.com/docs/media-kits/
- Live brand page — https://extractvibe.com/brand/wawaslausanne.ch
- Raw JSON — https://extractvibe.com/api/brand/wawaslausanne.ch
- DESIGN.md (this file) — https://extractvibe.com/api/brand/wawaslausanne.ch/design.md
- Extracted — 2026-11-01T09:06:44.106Z
- Generator — ExtractVibe vv1
- Quality score — 100/100

npx @google/design.md lint DESIGN.md
npx @google/design.md export --format tailwind DESIGN.md