Images & Assets
OG Image
Logo
Favicon
Color Palette
#0072F5
Primary
#0072F5
#171717
Accent
#171717
#FFFFFF
Background
#FFFFFF
#171717
Text Primary
#171717
#96CBFE
Link
#96CBFE
Typography
Font Families
Heading Inter
Body Inter
Font Sizes
H1 76px
H2 32px
Body 16px
Font Stack
Geist, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif Components
Button Styles
Input Border Color #CCCCCC
Input Border Radius 6px
Spacing & Layout
4px
Base Unit
6px
Border Radius
light
Color Scheme
Brand Personality
Tone
modern
Energy
medium
Target Audience
developers and tech enthusiasts
AI Brand Prompt
Use this prompt to recreate a similar website style
STYLE OVERVIEW: This brand embodies Modern Clean and Linear-esque design styles. Clean, professional tech aesthetic with a focus on functionality and clarity. The design features a minimalist approach with a strong emphasis on typography and a structured grid system.
COLOR SYSTEM:
- Primary: #0072F5 (vibrant blue) - primary buttons, links, key actions
- Accent: #171717 (black) - secondary buttons, text, and accents
- Background: #FFFFFF - main canvas
- Text: #171717 (black) - headings and body text
- Link: #96CBFE (light blue) - hyperlinks and interactive elements
TYPOGRAPHY:
- Headings: Inter, 700 weight, 76px for h1, 32px for h2
- Body: Inter, 400 weight, 16px base, generous line-height (1.5)
- Code: Inter, 14px
COMPONENTS:
- Buttons: 6px radius, solid fills, no shadows for primary buttons, outlined with glow effect for secondary buttons
- Cards: White with subtle border, 8-12px radius, hover lift effect
- Inputs: Clean borders, 6px radius, blue focus outline
VISUAL EFFECTS:
- Subtle shadows and gradients for depth
- Smooth 200ms transitions for interactive elements
- Glow effects on focus for better accessibility
MOOD & AUDIENCE: Professional, innovative, and developer-focused. Targets developers and tech enthusiasts who value clarity, functionality, and modern aesthetics.