Design system
A calm, confident system for a parent company.
Perry Street stays deliberately neutral so its brands can carry the color. Near-black ink, generous whitespace, hairline structure, and one indigo accent used sparingly: these are the foundations behind this site.
Color
A near-neutral palette with one accent. Ink and paper carry most of the interface; indigo signals interaction and brand moments.
Ink
#16161A Ink soft
#3A3A40 Muted
#71717A Accent
#5A45D6 Accent hover
#4734BD Accent tint
#EFECFC Surface
#F5F5F6 Paper
#FFFFFF Typography
Hanken Grotesk is used at honest weights for display, headings, and body copy. Loew Light is reserved for the Perry Street wordmark.
Display / 700 Connect the community
Heading / 700 Two communities, one mission
Subhead / 600 The most diverse community around the globe
Body / 400
Perry Street Software builds safe, inclusive technology for gay, bi, trans, and queer
people in more than 180 countries around the world
Eyebrow / 600 LGBTQ owned & operated
Spacing & radius
Spacing — 8px base
8 · xs16 · sm32 · md64 · lg104 · sectionCorner radius
8 · control11 · button16 · card22 · panelLogo & lockup
The wordmark uses Loew Light with tight tracking. It reads cleanly on light and dark surfaces.
Perry Street Software
Perry Street Software
Brand logos
Components
Eyebrow & pills
Section eyebrow
Filter pillSelected
Press card
