---
name: Da Mean Bean
version: "alpha"
description: "Visual + editorial direction for Da Mean Bean. Generated from the Muse reading and AI-derived voice; powers consistent rendering across the Doozer site, AI agents, and future automation."
colors:
  primary:   { value: "#1a0a2a" }
  secondary: { value: "#2a1a3a" }
  accent:    { value: "#ff1a8a" }
  neutrals:
    n0: { value: "#00d4ff" }
    n1: { value: "#c4ff0a" }
typography:
  body:
    fontFamily: "sans"
    fontWeight: "bold"
  display:
    fontFamily: "sans"
    displayStyle: "condensed"
spacing:
  s1: "4px"
  s2: "8px"
  s3: "16px"
  s4: "24px"
  s5: "32px"
  s6: "48px"
rounded:
  card:   "14px"
  button: "999px"
  image:  "18px"
---

# Da Mean Bean

## Overview

Bold coffee. Big island energy.

Swing by 5123 Hana Hwy for a quick, flavorful caffeine stop that fits Hana's easygoing pace.

**Da Mean Bean** hits with the kind of coffee-shop attitude Hana can actually use, fast, friendly, and full of personality. The name alone says this place knows how to make an entrance, and the 4.9-star buzz from 134 reviews backs it up with serious local approval.

**Archetype:** `handbill`  ·  **Voice:** `playful`  ·  **Pace:** `fast`  ·  **Density:** `dense`

## Colors

The palette is designed to reflect Da Mean Bean's character — every token below is a deliberate direction, not extracted noise.

- **Primary** (`{colors.primary}`) — `#1a0a2a` — dominant identity color, used for headers, primary buttons, link emphasis, brand marks.
- **Secondary** (`{colors.secondary}`) — `#2a1a3a` — supporting tone, used for soft backgrounds, dividers, and quiet emphasis.
- **Accent** (`{colors.accent}`) — `#ff1a8a` — high-contrast attention color, used sparingly for CTAs, badges, and editorial moments.

Neutral scale: `#00d4ff`, `#c4ff0a` — body text, surfaces, borders, low-emphasis chrome.

## Typography

- **Body** (`{typography.body}`) — `sans`, `bold`. Used for paragraph text, lists, captions.
- **Display** (`{typography.display}`) — `sans` in `condensed` mode. Used for hero headlines, section titles, and editorial pull-outs.

Set generous line-height (1.6+) for body. Display can run tight (-0.01em letter-spacing) for graphic impact.

## Layout

Default rendering uses the Doozer Muse v3 section pipeline. Sections are addressable units — each one selectable by variant (e.g. `about/alternating`, `services/alternating`, `events/upcoming-list`). The container pattern is:

- Outer: `.container` (max-width 1400px)
- Body prose: `.container-narrow` (max-width 900px) — readability is non-negotiable
- Mobile collapse at 880px and 640px breakpoints

## Shapes

- Cards: `{rounded.card}` (14px) — gentle, signals warmth without softness
- Buttons: `{rounded.button}` (999px / pill) — directional, never timid
- Images: `{rounded.image}` (18px) — generous, frames content as artifact

## Imagery

Treatment: **`neon glow`**. Apply `neon glow` aesthetic to all photographic content.

## Components

Doozer ships a fixed component vocabulary that every business site shares. Each component honors the tokens above. Operators don't choose components — the Muse v3 pipeline composes them per section.

- **Hero** — full-bleed photo, brand-tinted overlay, trust pill (rating + today's hours), large display headline
- **About / Services** — `classic` text-only OR `alternating` (image+text rhythm). Smart photo selection via vision metadata.
- **Why Choose Us** — modern numbered cards (01 / 02 / 03), or icon cards, or photo cards — variant per Muse
- **Events** (`upcoming-list`) — chronological event list with affiliate-wrapped tickets
- **Reviews** — letter-on-gradient avatars (or Google profile photos when available), show-more for long reviews
- **FAQ** — native `<details>` accordion, brand-tinted accent on open
- **Hours of Operation** — live open/closed banner + weekly grid with today highlighted
- **Contact** — embedded map + action cards + Save-to-Contacts vCard + Share button
- **Network footer** — every page declares its position in the Doozer / BerrySmart network

## Do's and Don'ts

### Do
- Treat color tokens as inviolable — `{colors.primary}` is **the** brand color, not a starting suggestion.
- Pair `handbill` archetype with the matching decorative hints: `neon glow`, `chromatic aberration`, `arrow motifs`, `pixelated icons`.
- Use `{colors.accent}` only for high-intent surfaces (CTAs, urgency, editorial pull-outs). It should feel rare.
- Preserve readability — body line-length never exceeds ~75 characters.
- Honor the `playful` voice in every line of generated copy. The Muse defines this; don't drift.

### Don't
- Don't introduce colors not in the palette. If a new color is needed, add it via the Muse, not ad-hoc.
- Don't replace Doozer components with custom HTML — the pipeline handles structural variants; new structures belong as variants under `includes/sections/`.
- Don't run banner ads, popups, or interstitials. Per the Mission Charter, affiliate revenue is a side-effect of usefulness, never the primary surface.
- Don't generate content that contradicts verified facts (address, hours, phone, rating). The AI generates voice + emphasis; verified data is sacred.

---

*Generated by [Doozer](https://doozer.work) from the active Muse for `da-mean-bean-hana-hi.doozer.site`. Format: [Google Labs DESIGN.md](https://github.com/google-labs-code/design.md) (alpha). Refreshes when the Muse, AI content, or brand colors change.*