Internal page · hidden from search

Style guide

Every color variable, text style and reusable class for the Park Place Storage rebuild. Built from the source kit, sections 2 and 7a.

Color variables

13 Webflow Variables in the Base collection. Always pick these in the Style panel instead of typing hex values.

bg · #14171B
bg-panel · #1C2026
surface · #F3F1EA
surface-panel · #E8E4D9
ink · #121316
paper-ink · #ECE9E2
steel · #7A8492
steel-dim · #4C535D
nitro · #3B82F6
nitro-dim · #2563EB
yellow · #F2B807
line · rgba(236,233,226,.14)
line-dark · rgba(18,19,22,.12)
Eyebrow · .eyebrow

H1 · Own the garage.

H2 · A garage you actually own

H3 · A builder with a track record

Lede · .lede — Garage condos are new to a lot of people. Here are straight answers to the questions we hear most.

Paragraph · Body text is Barlow 400 at 17px with a 1.55 line height. Links inherit the text color: a plain link. For a blue call to action, use .text-link.

Buttons

.btn + .btn-nitro (hover turns yellow) · .btn + .btn-outline (hover brightens the border)

Stats

Since 1999
Building in the Twin Cities
2,000+
Garages built
10
Communities

.stat-strip > .stat (.stat-num + .stat-label)

Card

30 x 100 ft

Woodbury, MN

Card body text. The garage card, community cards and panels build on .card.

.card — panel background, thin border, 4px blue left edge

.section + .on-light

A light section

Light sections use the surface color with ink text. They alternate with the dark sections down the page.

Script states

Combo classes the Home page script switches on and off (map pin selection, the active community row, availability badges, coming-soon cards). Keep them here so “Clean up unused styles” never removes them.

No openings right now — .t-count-none (Locations tiles)

Ready to park it here?