About

Neighborhood is the Design System for Fortune Brands Innovations (FBIN) websites.

Neighborhood is built using Web Components that can be used in any framework. The components provided in Neighborhood are meant to be an accompanying tool to design and build digital properties for FBIN with consistency.

Goal of Neighborhood

The goal of Neighborhood is to build components that achieve the following:

  • framework agnostic
  • flexible
  • customizable
  • common foundations for designer, developer, and business user
  • expandible

Multi-Brand Support

Neighborhood is built with the idea of being utilized for all the FBIN brands. Components included base styles that are enhanced and modified based on the individual brand styling.

React

Neighborhood React, neighborhood-react, contains the React wrapper of the Neighborhood Core Web Components to be used with React-based projects.