Images & Assets
OG Image
Logo
Favicon
Browser Tab Color Palette
#697485
Primary
#697485
#4D49FC
Accent
#4D49FC
#FFFFFF
Background
#FFFFFF
#000000
Text Primary
#000000
#4D49FC
Link
#4D49FC
Typography
Font Families
Heading SF Pro Display
Body figmaSans
Font Sizes
H1 86px
H2 64px
Body 20px
Font Stack
figmaSans, SF Pro Display, system-ui, helvetica, sans-serif Components
Button Styles
Input Border Color #CCCCCC
Input Border Radius 8px
Spacing & Layout
4px
Base Unit
8px
Border Radius
light
Color Scheme
Brand Personality
Tone
modern
Energy
medium
Target Audience
designers and teams
AI Brand Prompt
Use this prompt to recreate a similar website style
STYLE OVERVIEW: Playful, modern design system with rounded corners and vibrant accents. Combines professionalism with approachable, creative energy.
COLOR SYSTEM:
- Primary: #4D49FC (vibrant purple) - primary buttons, links, key actions
- Accent: #4D49FC (same as primary, used for highlights and interactive elements)
- Background: #FFFFFF - main canvas
- Text: #000000 (black) - headings and body text
- Secondary: #697485 (gray) - subtext and borders
TYPOGRAPHY:
- Headings: SF Pro Display, 700 weight, 64px for h2, 86px for h1
- Body: figmaSans, 400 weight, 20px base, 1.5 line-height
- Code: figmaMono, 14px
COMPONENTS:
- Buttons: 8px radius, solid purple fills, no shadows for primary, inset border for secondary
- Inputs: 8px radius, light gray borders, subtle focus state
- Cards: 8px radius, white with subtle shadow, consistent padding
VISUAL EFFECTS:
- Vibrant purple accents for interactive elements
- Subtle shadows for depth (0 1px 3px rgba(0,0,0,0.1))
- Rounded corners (8px) throughout the interface
- Playful illustrations with bold outlines and flat colors
MOOD & AUDIENCE: Collaborative, creative, and professional. Targets designers, teams, and organizations looking for intuitive design tools.