CRAFT WITH PRIDE

NEIGHBORHOOD founded in 1994 in Harajuku Tokyo. Motorcycle culture, military and outdoor influences with meticulous craftsmanship.

VIEW MORE
01 / colors

Color Palette

Brand / Foreground
NBHD Black
#222222
lorem ipsum / CTA lorem
Secondary
#aaaaaa
lorem ipsum / lorem
Muted
#999999
lorem ipsum dolor
NBHD Red
#da2c4d
CSS lorem --red(lorem ipsum)
Surface
Pure White
#ffffff
lorem ipsum
Light Gray
#f5f5f5
lorem(lorem ipsum, 16 lorem)
System Button
#efefef
lorem ipsum dolor sit
Border / Semantic
Input Border
#dddddd
lorem ipsum dolor
Warning
#f7dc9d
lorem ipsum
02 / typography -- computed style

Typography

NEIGHBORHOOD
HelveticaLTWXX-BoldCond / 62px / 400 / line-height: 1.15 (71.3px) / letter-spacing: -3.1px / color #ffffffh2 Hero
NEW ARRIVALS
HelveticaLTWXX-BoldCond / 33px / 400 / line-height: 1.15 (37.95px) / letter-spacing: -1.65pxh2 Section
NEIGHBORHOOD
Helvetica / 26px / 700 / line-height: 1.15 (29.9px) / letter-spacing: normalh1 Logo
BRANDS -- CATEGORIES -- NEW ARRIVALS -- LOOKBOOK -- NEWS
HelveticaLTWXX-BoldCond / 13px / 400 / line-height: 1.15 (14.95px) / letter-spacing: normalNav
lorem — English — 한국어
HelveticaLTWXX-BoldCond / 13px / 700 / line-height: 1.15 / letter-spacing: normalNav Active
1994 lorem, lorem / lorem ipsum. lorem ipsum dolor sit amet consectetur, lorem ipsum, lorem ipsum dolor sit amet consectetur adipiscing.
TsukuGoPr5-D / 13px / 400 / line-height: 1.15 (14.95px) / letter-spacing: normalBody
NEIGHBORHOOD founded in 1994 in Harajuku Tokyo. "Craft with Pride" is the ethos that drives every piece — from heavyweight cotton tees to intricate leather goods.
HelveticaLTWXX-BoldCond / 13px / 400 / line-height: 1.4 (18.2px) / letter-spacing: -0.13px / color #aaaaaaDescription
NEIGHBORHOOD
HelveticaLTWXX-BoldCond / 11px / 400 / line-height: 1.15 (12.65px) / color #aaaaaaProduct Type
NH X AIRBUGGY . DOME3 LARGE SET
HelveticaLTWXX-BoldCond / 13px / 400 / line-height: 1.15 / color #aaaaaaProduct Title
¥99,000
HelveticaLTWXX-BoldCond / 13px / 400 / line-height: 1.15 / color #aaaaaaPrice
VIEW MORE
HelveticaLTWXX-BoldCond / 13px / 400 / line-height: 1.15 / letter-spacing: -0.65px / color #ffffffView More
© NEIGHBORHOOD CO.,LTD. ALL RIGHTS RESERVED
HelveticaLTWXX-BoldCond / 10px / 400 / line-height: 1.15 (11.5px) / color #999999Copyright
2026 SPRING & SUMMER COLLECTION
Motorcycle culture, military and outdoor influences with meticulous craftsmanship. Every piece is built to last.
03 / products -- collection

New Arrivals

NH / 01

NEIGHBORHOOD

NH . TRAD / C-CREW . LS

¥14,300
NH / 02

NEIGHBORHOOD

MIL-BDU / C-JKT . LS

¥52,800
NH / 03

NEIGHBORHOOD

NH X AIRBUGGY . DOME3 LARGE SET

¥99,000
NH / 04

NEIGHBORHOOD

DOG CLEANUP CASE

¥8,800
04 / buttons

Buttons

SUBSCRIBE
Primary / bg #222222 / radius 0
VIEW ALL
Secondary / outline / radius 0
System / bg #efefef / radius 0
Tertiary / 12px / bg #efefef

Navigation

BRANDS CATEGORIES NEWS LOOKBOOK
VIEW MORE
05 / cards

Cards

LOOKBOOK

2026 SS COLLECTION

lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.

COLLABORATION

NH X AIRBUGGY

NEIGHBORHOOD lorem AIRBUGGY lorem ipsum dolor sit amet consectetur.

NEWS

STORE INFORMATION

lorem ipsum dolor sit amet consectetur adipiscing.

06 / forms

Forms

lorem ipsum — TsukuGoPr5-D / 13px / line-height: 40px / bg #f5f5f5 / no border
lorem ipsum — sans-serif / 13px / border-bottom: 1px solid #dddddd
lorem ipsum — border-bottom: 1px solid #222222
lorem ipsum dolor sit amet consectetur adipiscing
lorem — border-bottom: 1px solid #da2c4d
07 / elevation

Depth & Elevation

none
Level 0 — flat (default)
surface
Level 1 — #f5f5f5 lorem
dark
Level 2 — #222222 lorem

NEIGHBORHOOD lorem box-shadow lorem ipsum dolor. lorem ipsum dolor sit(lorem → #f5f5f5 → #222222)lorem ipsum dolor. border-radius: 0px + shadow: none lorem ipsum dolor sit amet consectetur adipiscing.

08 / layout

Spacing & Width

Spacing Scale

6px
10px
15px
20px
35px
80px

Content Widths

Full Bleed Hero 100vw
Product Grid ~100vw
Description Text ~560px

Letter-Spacing Scale (negative)

TIGHT -3.1px (h2 hero)
TIGHTER -1.65px (h2 section)
COMPRESSED -0.65px (VIEW MORE)
NORMAL normal (nav, body)