08 / Digital UI System

Digital UI System

The building blocks of every digital touchpoint we’ll ship — designed to feel like the rest of the brand.

Buttons

Three buttons. That’s all.

Primary on dark surfaces, secondary on light surfaces, and a quieter outline for tertiary actions. Buttons never use Amber as their fill — Amber is reserved for inline emphasis. The pressed state on a primary button is the moment we lean on it.

Primary

Bark fill, Paper text, 14 px / 600. 12 px radius.

Secondary

Paper-warm fill, Bark text. Same metrics.

Outline

Transparent + Bark hairline. Use for tertiary actions.

Cards

Paper on paper. A hairline holds the edge.

Membership

Dedicated Desk

Your seat, your monitor, your lamp. Second floor, by the window.

$425 /month

Reserve →

Membership

Private Office

A door that closes. Month-to-month. No year-long leases.

From $1,250 /month

Inquire →

Day pass

Day Pass

8 a.m. to 6 p.m. Coffee included. Use any open seat.

$35 /day

Book →

Prices shown above are illustrative — pricing is set on the live site.

Navigation

Sticky, paper, hairline base.

The primary nav stays sticky at the top of the viewport, finished with a 1 px Paper-edge rule and a backdrop blur over Paper at 92% opacity. On mobile, the nav collapses into a Bark pill marked “Sections.” The active item gets a Bark pill in both states — never an Amber underline.

Forms

Simple. Roomy. Forgiving.

Membership pricing module

Three tiers, side by side, one highlighted.

Use the cards from the Cards section above, arranged in a three-up grid. Highlight the recommended option by raising it slightly and adding an Amber strip at the top. Never use Amber for the full card fill.

CTA section

Bark plate, two-line headline, one primary action.

Doors open Summer 2026

Be the first one in.

Founding members get hard-hat tours, early-access bookings, and the room of their choice.

Testimonials

A quote. A name. A reason it matters.

“The first morning I worked from the deck, I closed my laptop two hours later than usual. That was the moment I knew this would work.”

A. Carson, founding member Hayward, WI · 2026

Placeholder quote — real testimonials replace this after launch.

Responsive & accessibility

Built for every reader, on every screen.