Images & Assets
OG Image
Logo
Favicon
Browser Tab Color Palette
#0C1E26
Primary
#0C1E26
#0E232D
Accent
#0E232D
#FFFFFF
Background
#FFFFFF
#0E232D
Text Primary
#0E232D
#0E232D
Link
#0E232D
Typography
Font Families
Heading Avenir Next
Body Halyard Text
Font Sizes
H1 16px
H2 46px
Body 16px
Font Stack
halyard-text, -apple-system, BlinkMacSystemFont, Avenir Next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif Components
Button Styles
Spacing & Layout
4px
Base Unit
8px
Border Radius
light
Color Scheme
Brand Personality
Tone
professional
Energy
medium
Target Audience
business professionals and community stakeholders
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 readability and functionality. Strong emphasis on typography and whitespace.
COLOR SYSTEM:
- Primary: #0C1E26 (dark teal) - main background, primary buttons
- Accent: #0E232D (darker teal) - links, headings, borders
- Secondary: #FF5532 (vibrant orange) - accents, button borders
- Background: #FFFFFF - main canvas
- Text: #0E232D (darker teal) - body text
TYPOGRAPHY:
- Headings: Avenir Next, 400-700 weights, 46px for hero text
- Body: Halyard Text, 400 weight, 16px base, 1.5 line-height
- UI: 14px medium weight for buttons and labels
COMPONENTS:
- Buttons: 100px radius (pill shape), no shadows, solid fills or outlined
- Cards: Subtle borders, 8px radius, clean whitespace inside
- Inputs: Underlined style, dark teal borders, 16px padding
VISUAL EFFECTS:
- Subtle hover effects (color shifts, underlines)
- Clean borders with 8px radius where appropriate
- Consistent spacing with 4px base unit
MOOD & AUDIENCE: Professional, trustworthy, community-focused. Appeals to business professionals and stakeholders in community projects.