Brief
I set this brief for myself deliberately: design a real-world marketing layout, not an isolated component demo. That meant a hero, roster, schedule, news cards, ticket CTA, and sponsor placements all working together as one identity.
Process
I built the identity around live sports broadcasts rather than generic sports-brand cliché: charcoal, steel blue, amber, and teal, paired with a condensed display face that reads the way a scoreboard reads.
Signature element
An auto-scrolling, skewed ticker strip styled after a broadcast lower-third. It's the one element I let carry all the personality, everything else on the page stays quiet so the ticker keeps its edge.
Craft details
- Built the visual system in Sass (variables, nesting, mixins) so the palette and spacing scale stay consistent across every section.
- Respected
prefers-reduced-motionon the ticker animation rather than treating accessibility as an afterthought. - Fully responsive down to mobile, tested against the same grid Bootstrap 5 provides as scaffolding.
Honest note
Charlotte Ironclad FC is a concept, not a live client. I built it to prove I can design a complete, multi-section marketing site with a real identity, not just a single polished screen.