Framer

# Framer Design System

## Visual Theme & Atmosphere
Bold motion-first design. Stark black (#000000) canvas with electric blue (#0055FF) creates dramatic contrast. Large typography and generous whitespace signal design-tool confidence. Every element suggests movement and creativity unleashed.

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #0055FF | Electric blue accent |
| Background | #000000 | Black canvas |
| Surface | #111111 | Elevated surfaces |
| Text | #FFFFFF | White text |
| Muted | #888888 | Gray secondary |
| Border | #333333 | Dark borders |

## Typography Rules
- **Fonts**: Inter
- **Base Size**: 16px
- **Line Height**: 1.2 (tight for headings)

## Component Stylings
- **Buttons**: Blue bg, white text or white outline
- **Hero**: Large type, video/animation backgrounds
- **Templates**: Grid of website previews

## Agent Prompt Guide
Black background, blue accent, bold large typography, motion/animation focus.