Dribbble

# Dribbble Design System

## Visual Theme & Atmosphere
Creative playground. The signature pink (#EA4C89) radiates creative energy. Visual-first grid layouts showcase design work as hero content. Soft gray background (#F4F4F4) lets the colorful shots pop. The basketball logo is iconic.

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #EA4C89 | Pink brand |
| Secondary | #C32361 | Pink hover |
| Background | #F4F4F4 | Soft gray |
| Surface | #FFFFFF | White cards |
| Text | #333333 | Dark gray text |
| Muted | #999999 | Secondary text |
| Border | #E8E8E8 | Light border |

## Typography Rules
- **Font**: Mona Sans, system sans-serif
- **Base Size**: 16px
- **Line Height**: 1.5

## Component Stylings
- **Shot Cards**: Image-first, hover overlay with actions, rounded corners
- **Grid**: Multi-column masonry-like layout
- **Profiles**: Large avatar, shot count, following/followers

## Agent Prompt Guide
Soft gray background, pink accents, visual-first grid layouts, image cards with hover overlays, rounded corners throughout.