Friends of the Library Rosarito – Weebly Style Guide

Headings

• H1: #1656A6 (Logo Blue), 42–48px, Bold
• H2: #0F3C6E (Deep Blue), 32–36px, Bold
• H3: #1F1F1F (Charcoal), 26–28px
• Links: #1656A6 (Hover: #F9B000 Gold)

Buttons

• Primary: Gold #F9B000 background, Blue #1656A6 text
• Secondary: White background, Blue #1656A6 outline
• Tertiary: White outline + text, for dark sections

Background Sections

• Major blocks: Soft Light Blue #E6F0FA
• Hero sections: Logo Blue #1656A6 with white text

Dividers

Use Soft Gray #5C6A72, 1–2px.

Best Practices

• Use plenty of white space
• Use orange accent #F16C34 sparingly
• Use gold only for highlights and major CTAs
• Avoid deep navy; poor accessibility