Template

Reusable site elements in one place.

Private reference page for typography, colors, cards, lists, forms, and shared components.

Typography

Headings and prose

Hero heading

Section heading

Card heading

Caps label / metadata

This is the default body copy style for long-form writing. It should feel readable on mobile, roomy on desktop, and consistent with the rest of the site.

Inline links like articles and strong emphasis should inherit the same visual language as the rest of the theme.

  • Use this area to tune default prose sizing and spacing.
  • Adjust headings, lists, links, and blockquotes here first.

Useful reference text for testing long-form content styles across light and dark mode.

Color

Theme palette

50

Surface and accent reference.

100

Surface and accent reference.

200

Surface and accent reference.

700

Surface and accent reference.

900

Surface and accent reference.

Buttons and pills

Interactive primitives

Stats

Social proof strip

184k

Views

4.2k

Hours watched

12.8k

Likes

1.5k

Shares

000

Subscribers

Workflow preview

Deferred n8n embed

This component only imports the n8n preview library on pages that use it, and only once the preview scrolls close to the viewport. It also supports loading workflow JSON from a local URL instead of embedding it inline.

Lead intake workflow

Set PUBLIC_N8N_DEMO_PREVIEW_URL to enable workflow previews.

Articles

Featured and list layouts

· Building in Public

The small set of principles that shape how I build, choose tools, and make decisions for Let's Figure It Out.

Forms

Newsletter and contact

Newsletter

Get new articles straight to your inbox.

Use this block to tune the shared newsletter section across the homepage, about page, and article footer.

New articles, no clutter.

Check your inbox to confirm your subscription.

Best for businesses that want help with websites, automation, and technical operations.

Thanks. Your message has been sent.