For product and content teams
What Neighborhood means for planning brand sites, what you can change and how to ask for more.
Neighborhood gives every Fortune Brands Innovations brand site the same set of finished components, styled for each brand. For product and content teams, that means less to build from scratch, more consistent sites, and a clear path when something new is needed.
What Neighborhood gives you
- Faster launches. Pages are built from components that already exist and are already tested, rather than designed and coded from scratch.
- Consistency across sites. The same component works the same way on every brand, so visitors get a familiar experience and teams share one way of working.
- Accessibility built in. Neighborhood aims to meet WCAG 2.2 AA, and components come with focus styles, keyboard support and color contrast in place. Accessibility lists what each site still owns.
- Shared improvements. When a component is fixed or improved, every site that uses it can pick up the change.
What you can change on your own
Your project team can do all of this without changes to Neighborhood:
- Write and update content: headlines, body copy, calls to action, images and video.
- Choose components for each page and section.
- Set component options, such as a button style, a surface or the layout of a hero.
- Arrange pages from any combination of components.
These need a change in Neighborhood:
- A new component, or a new option on an existing one.
- A new brand or a change to a brand’s colors, fonts or spacing.
- Fixes to how a component looks or behaves.
How it fits together explains why the line falls where it does.
Plan with component status
Each component has a status. Use it when you plan work:
| Status | What it means for planning |
|---|---|
| Ready | Safe to plan production work around. |
| Draft | Fine for prototypes and early reviews. Expect changes before it’s Ready. |
| Deprecated | Avoid in new work, and plan to replace it where it’s already used. |
Component Status lists the current status of every component.
Plan your content
Each component has named places for content, such as an eyebrow, title, body copy, call to action and media. Knowing them early makes writing and building faster.
- Content model lists the content and settings for every component.
- Content and media covers writing headlines and calls to action, and preparing images and video.
- Storybook lets you try your own copy in any component, on your brand, before anything is built.
Where Neighborhood runs
Neighborhood works on the platforms brand sites use today, including Shopify, Bloomreach, Power Pages and React or Next.js sites. Platform setup covers each one.
Releases
Changes to Neighborhood ship in releases listed in the changelog. Each site updates to a new release on its own schedule, so a change doesn’t appear on your site until your team updates. Documentation for earlier major versions is on the Versions page.
Ask for what you need
Report a bug, request a change or propose a new component through Requests and support. You don’t need a design or any code to make a request; a clear description of the problem and where it appears is enough to start.