Each tile opens a complete homepage concept in the same tab.
The Two Doors
A split hero that routes the two audiences — dealers/industry and car buyers — with a quiet third door to the Akron BMV. The dignified civic baseline.
View design 01 →Liquid Glass Civic
Apple's Liquid Glass, dialed down for an institution: thick frosted nav and hero panels over a deep-navy ground, with full opaque & reduced-transparency fallbacks.
View design 02 →Material 3 Expressive
Google's Material 3 structure — tonal surfaces, state layers, emphasized motion, an extended FAB — restrained into a navy/red institutional system.
View design 03 →Civic Bento Board
A modular bento grid: a large find-a-dealer map tile, a "Since 1927" heritage tile, data, events, and a single red membership tile — modern but never glossy.
View design 04 →Data-as-Hero Ledger
AUTO KNOW takes the stage. Oversized stamped figures headline the page; an editorial "data desk" out-executes competitors who ship data as thin PDFs.
View design 05 →The Stamp & The State
The seal meets the map: the NOADA stamp over the five Northeast Ohio counties, which light up on tap, with the seal recurring as a "member in good standing" trust mark.
View design 06 →Since 1927 Scrollytelling
A heritage timeline that reveals milestone by milestone as you scroll — 1927 to today — landing on a present-day call to join. Static fallback for reduced motion.
View design 07 →The Plainspoken Broadsheet
A journal-of-record editorial layout — masthead, lead story, drop cap, column rules, a data desk and calendar listings. Reads as an institution of record.
View design 08 →Navy Civic Hall (Dark)
A deep-navy dark theme with glow-free gravitas, the reversed seal as a quiet watermark, and AA-checked contrast throughout. Premium and serious.
View design 09 →Find a Trusted Dealer
A consumer-first variant led by a full-width locator — map, ZIP search, and tap-to-call dealer results — framed by the franchised, vetted trust story.
View design 10 →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 NOADA mega-menu (Membership, Advocacy, Dealer Services, News & Data, Education, About) plus Find a Dealer, Events, Member Login and a persistent Join CTA — and a complete mobile nav drawer.
- The brand kit: navy
#15294B+ heritage red#C8202E, Zilla Slab / Oswald / Source Sans 3, and an inline vector NOADA seal. - Motion that animates only
transform& opacity, triggers onIntersectionObserver, honorsprefers-reduced-motion, and never blocks the hero headline's first paint. - Content from the project's homepage brief — the two audiences, "Membership pays for itself," AUTO KNOW market data, find-a-dealer, events, and FAQ.
Data figures shown are illustrative for layout and marked where they need NOADA verification. Stock dealer names/results in the locator concepts are placeholders.