---
name: Limonoslo No
description: "This site is an excellent example of bold, expressive restaurant branding that successfully combines high-quality photography with strong typography and a warm color palette."
version: alpha

colors:
  background: "#FCF9F0"
  primary: "#1D0B0D"
  secondary: "#141414"
  tertiary: "#F7EA48"
  neutral: "#103B15"
  line: "rgba(16,59,21,0.2)"

typography:
  display:
    fontFamily: sans-serif
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 700
    letterSpacing: "-1px"
  heading:
    fontFamily: sans-serif
    fontSize: 36px
    lineHeight: 1.1
    fontWeight: 700
    letterSpacing: "0.5px"
  body:
    fontFamily: sans-serif
    fontSize: 16px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0.1px"
  caption:
    fontFamily: sans-serif
    fontSize: 15px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0.1px"

rounded:
  sm: 4px
  md: 8px
  lg: 32px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

A modern restaurant website blending bold typography, warm colors, and immersive food photography.

*A vibrant, modern restaurant combining fresh ingredients with bold, clean typography.*

## Colors

Warm, inviting palette combining creamy backgrounds, dark natural inks, and a single vibrant yellow accent.

- **Background (`#FCF9F0`)** — uses `bg` token
- **Primary text (`#1D0B0D`)** — uses `ink` token
- **Secondary text (`#141414`)** — uses `ink-soft` token
- **Accent (`#F7EA48`)** — uses `accent` token
- **Muted (`#103B15`)** — uses `muted` token
- **Borders (`rgba(16,59,21,0.2)`)** — uses `line` token

## Typography

- **Display:** sans-serif
- **Body:** sans-serif
- **Mono:** sans-serif

## Layout

Standard grid layout with clear structural divisions and generous spacing.

*Rhythm:* Consistent vertical rhythm established through multiples of 4, ensuring balanced whitespace.

## Elevation & Depth

- rgba(0,0,0,0.3) 0px 32px 68px 0px
- Borders: Solid borders in dark green (#103B15) for emphasis and subtle light gray (#D6D6D6) for divisions.

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 32px
- `pill`: 999px

## Components

- **button:** Solid yellow buttons (#F7EA48) with dark uppercase text, or dark solid buttons with white uppercase text.
- **card:** Photographic layouts with overlapping text and subtle drop shadows.
- **chip:** Minimal use, primarily structural navigation elements.
- **input:** Standard form fields with clear visual feedback and dark borders.
- **hero:** Full-width immersive hero section featuring high-quality food photography.

## Do's and Don'ts

**Don't:**
- Don't use a cool, monochromatic palette — screenshot shows warm, inviting tones.
- Don't apply heavy drop shadows to all UI elements — screenshot shows selective use.
- Don't use delicate, low-contrast typography — screenshot features bold, highly legible type.
- Don't prioritize complex animations over clear content delivery — screenshot shows minimal motion.
- Don't use abstract iconography without clear labels — screenshot relies on text-based navigation.
- Don't avoid full-bleed photography — screenshot prominently uses immersive food imagery.

---

## System Prompt (paste into AI agent)

```
Design a modern, inviting restaurant website that emphasizes fresh ingredients and vibrant flavors. Use a warm color palette anchored by a creamy background (#FCF9F0), deep natural ink (#1D0B0D), and a single bright yellow accent (#F7EA48). Employ bold, highly legible sans-serif typography for headlines and clear, readable sans-serif for body text. Structure the layout with generous whitespace and a standard grid. Critical constraints: never use cool, clinical color schemes; do not apply subtle or delicate typography; and avoid minimal layouts that lack immersive food photography. Focus on a bold, expressive, and welcoming visual identity.
```