Homepage Header Banner — 10 Options
Each preview shows the banner at the very top, above a faux nav bar (to give you a sense of placement). Reference at the bottom: the current "DEVELOPMENT" warning for comparison.
1
Gold Mission Ribbon
Slim, on-brand, link-dense
— homepage hero starts here —
2
Three-Step Learner Path
Every pixel routes to a course
— homepage hero starts here —
3
Free + Open Declaration
Leads with the word "Free"
— homepage hero starts here —
4
Proud-of-K-12 Upgraded
Safest lift — keeps your current copy
— homepage hero starts here —
5
Announcement + Primary CTA
Marketing-owned message + always-visible CTA
— homepage hero starts here —
6
Pill Quick-Nav
Highest link density — acts as secondary nav
— homepage hero starts here —
7
Audience Mode Switcher
Most ambitious — 3 landing experiences
— homepage hero tailored to selected audience —
8
Standards & Alignment Trust Bar
Speaks to districts and admins — quietest
— homepage hero starts here —
9
Storybook Ribbon (kid-friendly)
Playful palette — pulls kids in first
— homepage hero starts here —
10
Live Stats Ticker
Social proof without testimonials
— homepage hero starts here —
✕
CURRENT — "In Development" warning
For comparison · to be replaced
⚠ We are in DEVELOPMENT. Many site features may not work. ⚠
— homepage hero starts here —
How to pick:
Each banner is dismissible the same way the current one is (click to close). Links point to real site destinations when built. Options 3, 7, 8 use a cream background so they recede into the site; Options 1, 2, 4, 5, 6, 10 use navy for impact; Option 9 is the outlier (playful palette) and only belongs if you commit to the kid-color layer.
Recommendation recap: #4 Proud-of-K-12 Upgraded = safest lift. #6 Pill Quick-Nav = most useful day-to-day. #10 Live Stats Ticker = strongest first-impression. Tell me a number (or a mash-up, e.g. "6's pills with 3's copy") and I'll build it in place of the dev warn