Images & Assets
OG Image
Logo
Favicon
Color Palette
#00A63E
Primary
#00A63E
#05DF72
Accent
#05DF72
#F4F4F6
Background
#F4F4F6
#71717B
Text Primary
#71717B
#05DF72
Link
#05DF72
Typography
Font Families
Heading Outfit
Body Outfit
Font Sizes
H1 24px
H2 18px
Body 14px
Font Stack
Outfit, sans-serif Components
Button Styles
Input Border Color #D4D4DA
Input Border Radius 6px
Spacing & Layout
8px
Base Unit
6px
Border Radius
light
Color Scheme
Brand Personality
Tone
modern
Energy
medium
Target Audience
developers
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 aesthetic with a focus on functionality and readability. Linear-esque elements are evident in the use of geometric shapes and structured layouts.
COLOR SYSTEM:
- Primary: #00A63E (green) - primary buttons, links, key actions
- Accent: #05DF72 (lighter green) - highlights, hover states, gradients
- Background: #F4F4F6 (light gray) - main canvas
- Text: #71717B (medium gray) - headings and body text
TYPOGRAPHY:
- Headings: Outfit, 24px for h1, 18px for h2, 700 weight
- Body: Outfit, 14px base, 400 weight, 1.6 line-height
- UI: 14px medium weight for buttons and labels
COMPONENTS:
- Buttons: 6px radius, solid fills, subtle shadow (0 1px 2px rgba(0,0,0,0.05))
- Cards: Light gray with subtle border, 6px radius, hover lift effect
- Inputs: Transparent backgrounds, 6px radius, gray focus outline
VISUAL EFFECTS:
- Subtle shadows and gradients for depth
- Clean, geometric shapes and structured layouts
- Smooth 200ms transitions for interactive elements
MOOD & AUDIENCE: Professional, functional, and modern. Targets developers and professionals who value clarity and efficiency in their tools and interfaces.