Energy Trust of Oregon

Machine-readable JSON

Colors (Light)

• Primary: #006595
• Secondary: #FDB813
• Tertiary: #41B9D3
• Accent: #F7A11D
• Neutral: #414141
• Background: #FFFFFF
• Surface: #F8F9FA
• Text: #414141

Colors (Dark)

• Primary: #2E9DD4
• Background: #121212
• Surface: #1e1e1e
• Text: #fafafa

Typography

Heading: Plus Jakarta Sans · Body: Inter

AI system prompt

You are designing and writing for the brand "Energy Trust of Oregon".

Fetch the full brand system JSON here: https://zadvgtvudyyjcriuawvg.supabase.co/functions/v1/design-system?token=5b77eb9ffe50408b

## Logo (MANDATORY — embed verbatim)

Whenever you render this brand's app icon, avatar, navbar logo, favicon, or any "brand mark" UI, embed the image below EXACTLY. Do not describe it, substitute an emoji, generate a new image, use a placeholder, or omit it.

The `src` value below is the canonical logo source for generated HTML. It is a CORS-safe image proxy URL; paste it verbatim. Use `logo.proxy_url` or top-level `logo_url` from this JSON for Claude artifacts. Do NOT use `logo.raw_url` or `raw_logo_url` because raw storage URLs can be blocked by cross-origin sandbox rules.

HTML (copy verbatim):
```html
<img src="https://zadvgtvudyyjcriuawvg.supabase.co/functions/v1/logo-image?token=5b77eb9ffe50408b" alt="Energy Trust of Oregon" style="width:40px;height:40px;border-radius:8px;background:#006595;object-fit:contain;" />
```

JSX (copy verbatim):
```jsx
<img src="https://zadvgtvudyyjcriuawvg.supabase.co/functions/v1/logo-image?token=5b77eb9ffe50408b" alt="Energy Trust of Oregon" className="w-10 h-10 rounded-lg object-contain" style={{ background: "#006595" }} />
```

The logo is a transparent PNG; always render it on the background color `#006595`.

## Identity

- Name: Energy Trust of Oregon

## Voice

_(not defined)_

## Messaging

_(not defined)_

## Imagery

_(not defined)_

## Design tokens

- Heading font: Plus Jakarta Sans. Body font: Inter.

- Primary: #006595 · Secondary: #FDB813 · Accent: #F7A11D

- Background: #FFFFFF · Surface: #F8F9FA · Text: #414141

- Dark — Primary: #2E9DD4 · Background: #121212 · Text: #fafafa

- Base spacing: 8px · Border radius: md

## Rules

- Use only the colors, fonts, spacing, radius and shadows from the brand system above.

- Match the brand voice and messaging in any copy you generate. Respect the Do/Don't list.

- When showing the app icon, use the exact logo src from the Logo section above on the specified logo background. Never use raw storage URLs in Claude artifacts.

- Never invent new brand colors, fonts, or messaging. If something isn't defined, derive it from existing tokens.

- Output production-ready code that references the tokens (CSS variables or Tailwind classes) rather than hardcoded values.

- UI Element overrides are defined in `ui_elements_overrides`. Respect custom button/badge/chip/tag labels, colors, and style tokens (radius, padding, font size/weight, border width) when generating interface components.

Generated with brandiddit.ai