Images & Assets
Logo
Favicon
Browser Tab Color Palette
#626D84
Primary
#626D84
#F06E42
Accent
#F06E42
#FFFFFF
Background
#FFFFFF
#2B303B
Text Primary
#2B303B
#2B303B
Link
#2B303B
Typography
Font Families
Heading ui-sans-serif
Body ui-sans-serif
Font Sizes
H1 60px
H2 48px
Body 20px
Font Stack
ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji Components
Button Styles
Input Border Color #E0E5EB
Input Border Radius 10px
Spacing & Layout
4px
Base Unit
0px
Border Radius
light
Color Scheme
Brand Personality
Tone
professional
Energy
medium
Target Audience
students and professionals seeking education abroad
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 generous whitespace and subtle shadows. The design emphasizes clarity and approachability for education services.
COLOR SYSTEM:
- Primary: #626D84 (slate blue) - main text, headings
- Accent: #F06E42 (orange) - primary buttons, key actions
- Secondary: #25D366 (green) - secondary actions, highlights
- Background: #FFFFFF - main canvas
- Text: #2B303B (dark gray) - body text
- Links: #2B303B (dark gray) - interactive elements
TYPOGRAPHY:
- Headings: ui-sans-serif, 700 weight, 60px (h1), 48px (h2)
- Body: ui-sans-serif, 400 weight, 20px base, 1.5 line-height
- UI: 16px medium weight for buttons and labels
COMPONENTS:
- Buttons: 10px radius, solid fills, subtle shadow (0px 25px 50px -12px rgba(0,0,0,0.25))
- Cards: White with subtle border, 10px radius, hover lift effect
- Inputs: Clean borders, 10px radius, light gray border (#E0E5EB)
VISUAL EFFECTS:
- Subtle shadows for depth
- Rounded corners for approachability
- Smooth 200ms transitions
MOOD & AUDIENCE: Trustworthy, professional, approachable. Targets students and professionals seeking education abroad.