bSure Style Guidelines

bSure Style Guidelines

Core Design Principles

• Clean, trustworthy, modern, and approachable design
• Consistency across all web projects

Color Palette

• Primary Logo Blue: #2599DA
• Primary Logo Green: #31AA39
• Background: #FFFFFF or #F8FAFC
• Text: #1F2937 or #111827

Sample Gradient:

Ocean to Forest (active): #1E7FB8 → #2599DA → #2AA39D → #31AA39

Typography

• Primary: 'Nunito Sans', sans-serif (Google Fonts)
• Fallbacks: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans
• Logo Font: Custom 'bSure' or 'Nunito Sans', sans-serif
• Monospace: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace

UI/UX Standards

• SVG icons only (never emoji fonts)
• Rem-based spacing, rounded corners (0.5rem)
• Standardized hero section with animated gradient and floating shapes
• Accessible, responsive, mobile-first design

Accessibility & Responsive Design

• Alt text for images, ARIA labels, keyboard accessible
• WCAG AA color contrast
• Touch targets ≥44x44px, readable font sizes