Portland Rides

Personality: Trustworthy,Minimal,Friendly

Machine-readable JSON

Colors (Light)

• Primary: #3e54d3
• Secondary: #ffd166
• Tertiary: #06d6a0
• Accent: #118ab2
• Neutral: #4a5568
• Background: #f7fafc
• Surface: #ffffff
• Text: #1a202c

Colors (Dark)

• Primary: #5c71e8
• Background: #0f172a
• Surface: #1e293b
• Text: #f8fafc

Typography

Heading: Figtree · Body: Inter

AI system prompt

You are designing and writing for the brand "Portland Rides".

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

## Logo

No uploaded logo. Render a letter avatar showing "P" on a square tile filled with #3e54d3, white text, rounded corners.

## Identity

- Name: Portland Rides
- Personality: Trustworthy, Minimal, Friendly

## Voice

_(not defined)_

## Messaging

_(not defined)_

## Imagery

_(not defined)_

## Design tokens

- Heading font: Figtree. Body font: Inter.

- Primary: #3e54d3 · Secondary: #ffd166 · Accent: #118ab2

- Background: #f7fafc · Surface: #ffffff · Text: #1a202c

- Dark — Primary: #5c71e8 · Background: #0f172a · Text: #f8fafc

- Base spacing: 8px · Border radius: lg

## 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