Build brand sites that feel like one neighborhood.
Neighborhood Design System is a shared foundation of Fortune Brands Innovations brand websites. Designers and engineers work from one set of tokens and one component library, so sites stay consistent while each brand keeps its own look.
Explore Neighborhood
Guidelines, foundations, brand themes and the full component API.
Build it right
Guidelines
Tokens, surfaces, content, layout and accessibility guidance for building pages that work on every brand.
Read the guidelines
The shared scale
Foundations
Color, type, spacing, radius, elevation and breakpoints that every component reads.
Explore foundations
One system, many brands
Brands
How each brand maps Neighborhood tokens to its own colors and type.
See brand themes
Building blocks
Components
Web components with full API references, live stories and React equivalents.
Browse components