---
name: Omsom
description: "A great example of a bold, expressive brand identity that uses comic-book aesthetics and high-contrast elements to stand out."
version: alpha

colors:
  background: "#FCF3DA"
  primary: "#000000"
  tertiary: "#FD5225"
  neutral: "#FD5225"
  bg-soft: "#AC9F9F"
  bg-quiet: "#D69C8C"
  line: "rgba(0,0,0,1)"

typography:
  display:
    fontFamily: display-serif
    fontSize: 64px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "-1px"
  headline:
    fontFamily: sans-serif
    fontSize: 42px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "0px"
  body:
    fontFamily: sans-serif
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"

rounded:
  sm: 0px
  md: 0px
  lg: 0px
  pill: 999px

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

---

## Overview

Vibrant, loud, and unapologetic Asian food brand with a comic-book aesthetic.

*A bold, comic-book-style food brand that unapologetically celebrates Asian flavors.*

## Colors

High-chroma orange and yellow accents against warm, muted photography and soft pastel backgrounds.

- **Background (`#FCF3DA`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Accent (`#FD5225`)** — uses `accent` token
- **Muted (`#FD5225`)** — uses `muted` token
- **Borders (`rgba(0,0,0,1)`)** — uses `line` token

## Typography

- **Display:** display-serif
- **Body:** sans-serif

- Headlines use a bold, condensed display serif.
- Body text uses a clean sans-serif.
- Frequent use of uppercase for emphasis.

## Layout

Full-width hero imagery followed by a grid of product shots and editorial quotes.

*Rhythm:* Generous spacing between sections to allow bold visuals and typography to breathe.

## Elevation & Depth

- Borders: Thin black borders around imagery and a thick, comic-book-style starburst shape for callouts.

## Shapes

- `sm`: 0px
- `md`: 0px
- `lg`: 0px
- `pill`: 999px

## Components

- **button:** Bold, uppercase text links or solid color buttons.
- **card:** Product packaging presented as high-quality photography without strict bounding boxes.
- **chip:** Comic-book-style starburst callouts with high-contrast text.
- **hero:** Full-width lifestyle photography featuring the product in a realistic setting with a prominent starburst overlay.

## Do's and Don'ts

**Don't:**
- Don't use muted pastels as the primary palette — screenshot shows vibrant, high-chroma orange and yellow.
- Don't use a standard geometric sans-serif for headlines — screenshot shows a bold, condensed display serif.
- Don't use subtle drop shadows — screenshot shows hard, comic-book-style graphic elements.
- Don't use a minimalist layout — screenshot shows dense, expressive imagery and text.
- Don't avoid uppercase text — screenshot shows frequent use of uppercase for emphasis.
- Don't use a neutral color scheme — screenshot shows a warm, energetic palette.

---

## System Prompt (paste into AI agent)

```
Omsom is a bold, expressive food brand that uses a 'Proud + Loud' aesthetic to celebrate Asian flavors. The design features high-chroma orange (#FD5225) and yellow accents against warm photography and soft pastel backgrounds like cream (#FCF3DA). Typography relies on a bold, condensed display serif for headlines and a clean sans-serif for body text. Critical don'ts: avoid muted pastels as the primary palette, avoid standard geometric sans-serifs for headlines, avoid subtle drop shadows, avoid minimalist layouts, avoid lowercase-only text, and avoid neutral color schemes. The overall feel is playful, confident, and highly energetic.
```