Images & Assets
Logo
Favicon
Browser Tab Color Palette
#2D3748
Primary
#2D3748
#F29100
Accent
#F29100
#FFFFFF
Background
#FFFFFF
#075895
Text Primary
#075895
#075895
Link
#075895
Typography
Font Families
Heading VivalaSansRound-SemiBold
Body Arial
Font Sizes
H1 35.84px
H2 35.84px
Body 17.92px
Font Stack
system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji Components
Button Styles
Input Border Color
Input Border Radius 4.48px
Spacing & Layout
8px
Base Unit
0px
Border Radius
light
Color Scheme
Brand Personality
Tone
professional
Energy
medium
Target Audience
residents and stakeholders in the Drents Overijsselse Delta region
AI Brand Prompt
Use this prompt to recreate a similar website style
STYLE OVERVIEW: This brand embodies Swiss Style and Modern Clean design styles. Clean, grid-based layout with a focus on clarity and professionalism. System fonts and subtle typographic hierarchy.
COLOR SYSTEM:
- Primary: #2D3748 (dark gray) - headings, important text
- Accent: #F29100 (orange) - primary buttons, key actions
- Link: #075895 (blue) - links, secondary actions
- Background: #FFFFFF - main canvas
- Text: #075895 (blue) - body text
TYPOGRAPHY:
- Headings: VivalaSansRound-SemiBold, 35.84px
- Body: System fonts (Arial fallback), 17.92px
- Line height: 1.5 for all text
COMPONENTS:
- Buttons: 4.48px radius, orange primary with white text, blue outline secondary
- Inputs: White background, subtle gray text, 4.48px radius
- Cards: Clean borders, 4.48px radius, subtle shadows on hover
VISUAL EFFECTS:
- No shadows by default
- Subtle hover effects on interactive elements
- Clean, straight borders with consistent radius
MOOD & AUDIENCE: Professional, clear, authoritative. Targets residents and stakeholders in the Drents Overijsselse Delta region, emphasizing trust and reliability.