Webby Winner + People's Voice 2025 Best User Interface; European Design Award Gold 2025 · Arts & Culture
Rijksmuseum Collection Online
https://www.rijksmuseum.nl/en/collectionBest-in-class example of marrying cultural authority with modern UX. The search-first interface reduces cognitive load for 800K+ object collection. Benchmark for accessibility-forward design.
Visual Style
Personality Fit
Industry Fit
Business Model
Target Audience
Conversion Strategy
Best-in-class example of marrying cultural authority with modern UX. The search-first interface reduces cognitive load for 800K+ object collection. Benchmark for accessibility-forward design.
Design Patterns
Masonry/grid collection browser; filter-forward search UX; Smooth image load-ins; hover zoom on artwork thumbnails
Recommended Stack
Reusable Modules
- Search As The Primary Hero Interaction
- Artwork Detail Pages As Immersive Editorial Spreads
- Accessibility And Aesthetics As Complementary Not Competing
Claude Design Prompt
Create an ORIGINAL design system inspired by the editorial gallery, search-first UX, accessibility-forward, cultural institution language of Rijksmuseum Collection Online — never a copy. Palette: #FFFFFF, #1A1A1A, #CC0000, #F5F5F5, #E8E0D5. Typography: headline Rijksmuseum custom serif, body Readable sans-serif, accent Bold serif numerals. Layout: Masonry/grid collection browser; filter-forward search UX. Motion: Smooth image load-ins; hover zoom on artwork thumbnails. Reinterpret these signature techniques tastefully: Search as the primary hero interaction; Artwork detail pages as immersive editorial spreads; Accessibility and aesthetics as complementary, not competing. Express a authoritative, welcoming, curious, cultural personality (Sage, Creator archetype). Conversion-first, WCAG AA, dark/light ready, no scrolling marquees. Deliver design-dna.md + tokens.css.
Build Agent Prompt
Build an original, production-ready site in this design language using Custom CMS, React, REST, GraphQL API for collection data. Implement: Masonry/grid collection browser; filter-forward search UX. Recreate these interactions (respect prefers-reduced-motion): Search as the primary hero interaction; Artwork detail pages as immersive editorial spreads; Accessibility and aesthetics as complementary, not competing. House rules: responsive (mobile/tablet/desktop, 500px floor), WCAG AA, Lighthouse 90+, dark/light toggle, unique imagery, no marquees. Match the authoritative, welcoming, curious, cultural personality.
SMB Adaptation Notes
Restaurants
Translate Rijksmuseum Collection Online's editorial gallery approach to restaurants: Search as the primary hero interaction — adapted to menus, reservations, and location as the conversion path.
Home Services
Translate Rijksmuseum Collection Online's editorial gallery approach to home services: Search as the primary hero interaction — adapted to trust signals, a service catalog, and a book-a-quote CTA.
Professional Services
Translate Rijksmuseum Collection Online's editorial gallery approach to professional services: Search as the primary hero interaction — adapted to case studies, credentials, and a consultation CTA.
Automotive
Translate Rijksmuseum Collection Online's editorial gallery approach to automotive: Search as the primary hero interaction — adapted to showroom/inventory visuals and a test-drive booking CTA.
Real Estate
Translate Rijksmuseum Collection Online's editorial gallery approach to real estate: Search as the primary hero interaction — adapted to listings, neighborhood story, and an inquiry CTA.