Images & Assets
Logo
Favicon
Color Palette
#162B47
Primary
#162B47
#D1B46A
Accent
#D1B46A
#FFFFFF
Background
#FFFFFF
#0D223A
Text Primary
#0D223A
#0D223A
Link
#0D223A
Typography
Font Families
Heading ui-sans-serif
Body ui-sans-serif
Font Sizes
H1 60px
H2 36px
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 #F1E9D2
Input Border Radius 8px
Spacing & Layout
4px
Base Unit
0px
Border Radius
light
Color Scheme
Brand Personality
Tone
professional
Energy
medium
Target Audience
urban professionals
AI Brand Prompt
Use this prompt to recreate a similar website style
STYLE OVERVIEW: This brand embodies Modern Clean and Swiss Style design styles. Clean, professional aesthetic with a focus on functionality and readability. The use of system fonts and generous whitespace creates a timeless, neutral look.
COLOR SYSTEM:
- Primary: #162B47 (dark navy) - main text, secondary buttons
- Accent: #D1B46A (golden yellow) - primary buttons, highlights
- Background: #FFFFFF - main canvas
- Text: #0D223A (darker navy) - headings and body text
- Link: #0D223A (same as text)
TYPOGRAPHY:
- Headings: ui-sans-serif, 600 weight, 60px (h1), 36px (h2)
- Body: ui-sans-serif, 400 weight, 20px base, system font stack
- UI: Inherit from body styles with appropriate scaling
COMPONENTS:
- Buttons: 8px radius, solid fills, subtle shadow on primary
- Inputs: 8px radius, dark background (#0D223A), light border (#F1E9D2)
- Cards: White with subtle border, 8-12px radius, hover lift effect
VISUAL EFFECTS:
- Subtle shadows on interactive elements
- Clean, crisp borders with 8px radius
- Smooth 200ms transitions for hover states
MOOD & AUDIENCE: Professional, functional, and reliable. Targets urban professionals seeking practical solutions for everyday tasks.