Material 3 Expressive
Google's Material 3 structure (tonal navy surfaces, state layers, an extended "Get in Line" FAB, disciplined expressive motion) restrained into a civic navy and red system.
Open concept →Task-First Triage
A plain-language "what do you need to do today?" router of big task doors (Driver License and ID, Plates and Registration, Renewals, REAL ID, Reinstatement, Titles). The dependable, accessibility-first baseline.
Open concept →Live Today Dashboard
A utility-first status console answering the in-the-moment questions: is it open now, how long is the wait, can I skip the line, what do I bring. Hours, wait count-up, and a quick checklist up top.
Open concept →Ohio Plate Hero
A warm, distinctly Ohio direction with a CSS-built Ohio license plate as the hero centerpiece. Plates and registration lead, with a restrained plate stamp-and-settle micro-interaction.
Open concept →REAL ID Ready
A timely, dignified direction centered on REAL ID: an interactive document-checklist stepper for the four required proofs, with a "documents ready" count and plan-ahead emphasis.
Open concept →Civic Bento Board
A modular bento grid that is itself the hero: varied-size tiles for hours, map, Get in Line, REAL ID, top tasks, fees, reviews, and trust, with one red primary tile. Modern but never glossy.
Open concept →Plain-Language Wayfinder
The most government, GOV.UK and USWDS spirited direction: a prominent search, popular tasks, and clean browse-by-topic lists. Stripped to essentials, it sets the accessibility bar.
Open concept →Navy Civic Hall (Dark)
A premium deep-navy dark theme with glow-free gravitas, the reversed Akron BMV mark, a quiet Ohio-outline watermark, and AA-checked contrast throughout. Serious and institutional.
Open concept →From Clerk to Plate
An accessible scrollytelling explainer of the most-misunderstood point: in Ohio you title at the County Clerk of Courts, then register and get plates at the BMV. A static labeled fallback for reduced motion.
Open concept →About these concepts
Every concept is a single self-contained HTML file you can open directly in any browser and resize to test mobile. They all share:
- The full Akron BMV navigation: a mega-menu (Services, Plan Your Visit, BMV Guide, Service Areas, About, Contact) with a persistent Get in Line Online button, a live "hours today" utility bar, and a complete mobile nav drawer, with link slugs drawn from the AkronBMV.com sitemap so the homepage carries navigation to every part of the site.
- The official brand kit: Ohio BMV navy
#1A4174and red#C12737, the real Akron BMV logo (full color on light surfaces, the reversed white mark on dark surfaces), and Libre Franklin and Public Sans. - Motion that animates only
transformandopacity, triggers onIntersectionObserver, honorsprefers-reduced-motionandprefers-reduced-transparency, and never blocks the hero headline's first paint. - Real homepage content from the project brief: the agency NAP, hours, services, what to bring, Get in Line Online, fees, reviews, and FAQ, plus the Ohio accuracy note that vehicle titles are issued by the County Clerk of Courts.
Unverified facts (the public BMV phone line, exact weekday and Saturday hours, fees, and Get in Line participation) are marked [VERIFY] in each concept and must be confirmed with the branch before launch.