Fine Arts Museums of San Francisco
Collection search prototype
Higher-fidelity design surfaces for the collection website, built against the real FAMSF design system (Akzidenz-Grotesk Next Pro + Signifier). Pick a demo below.
Pages & demos
- Collection console hero The FAMSF forward-slash as a live search console. The field self-types /art, deletes it, then /sculpture, /rodin… and hands over on first interaction. Figma node 82:1028. 82:1028
- Console hero: backslash brackets Hero v2 from colleague feedback: the FAMSF mark leans backward, so two backslashes bracket the query and the right one glides out as the word grows. Brand teal→purple wash, lush motion. concept
- 5,000-year timeline scrubber Drag across 5,000 years of the collection; the object count and era update live. Built from real date_start data (106K dated works, 5000 BC–2025). concept
- Place-of-creation world map Every place of creation in the collection plotted at once (1,907 places, ~31K objects), an experiment to see whether the full data reads or overwhelms. concept
- Curator picks: five works, cross-museum Andy's idea: each curator names five works and says why, as short editorial stories. The FAMSF twist is a de Young curator picking the Legion of Honor and vice versa. concept