Skip to content

Perchford design system

Internal, noindex

Visual audit

All 62 specimens rendered in sequence. This page is for spotting rendering regressions across the whole library in one pass. To browse, filter, or compare, use the catalogue.

Heroes. Page openings. One per page, never two.

HRO-01

Category hero

The homepage opening. States the category claim and immediately shows the horizon vocabulary, so the reader meets the organising idea before the first scroll.

Held column Dark field HorizonHeld columnQuiet field

Professional home management · Twin Cities

Your home is your largest asset.Manage it like one.

Maintenance gets missed. Repairs pile up. Records scatter. We bring the whole property into one plan and one record, then take on as much of it as you want.

See what fits my home See how we can help
  1. Do now Safety and preservation
  2. This year The current annual plan
  3. Plan next Budget and dependencies
  4. Monitor Tracked, not yet funded
Requirements, limitations, and variants

Content it requires

  • A two-part headline
  • One paragraph of 30 to 45 words
  • Two calls to action
  • Five horizon stops

Limitations

  • The headline must split into two clauses. A single clause loses the lime emphasis line.
  • Do not use on a page that also runs the priority board. The horizon appears twice.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

HRO-02

Service level hero

Opens each of the four level pages. Leads with the customer intent quote and states the responsibility split above the fold, which is the only thing that actually differs between levels.

Held column Held columnLedger pairCondition markerMargin note

Home Management

One plan, kept current, with the providers you hand over.

“I want one knowledgeable person keeping the plan, the providers, and the follow-through connected.”

We keep the plan, context, agreed providers, records, and follow-through moving. You keep approval over meaningful decisions and spending.

Start a fit conversation

What we handle for you

  • Four quarterly reviews with current priorities and the next ninety days
  • One defined management action each quarter
  • The recurring providers you agree to hand over
  • Property, warranty, and service records kept current

What stays with you

  • Approving meaningful scope and spending
  • Choosing which providers we manage
  • Paying outside providers directly
Requirements, limitations, and variants

Content it requires

  • Level name
  • Customer intent quote
  • Responsibility line
  • Three to five items on each side of the split

Limitations

  • The two lists must be roughly balanced. A three against seven split looks broken.
  • Intent quotes over about 20 words wrap badly at the serif size.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

HRO-03

Plan artifact hero

Opens the Home Plan page. The plan excerpt does the persuading rather than an adjective, because the plan is the product.

Held column Condition markerMargin noteQuiet field

One plan for the entire property.

A whole-property assessment and a planning conversation become one prioritized annual plan, a multiyear roadmap, and a property record that stays useful long after the first year.

See how we set priorities See how it works

Property plan

Reviewed annually

  • Now Basement moisture follow-up Property preservation
  • This year Exterior caulking and seal review Preventive maintenance
  • Plan next Kitchen lighting plan Functionality
  • Monitor Water heater replacement window Age and expected life
Illustrative excerpt. Your plan reflects your property, goals, budget, and how long you expect to own the home.
Requirements, limitations, and variants

Content it requires

  • Headline
  • Lead paragraph
  • Four plan rows with a horizon each
  • A provenance caption

Limitations

  • The excerpt is illustrative and must stay captioned as such. Never present it as a real customer plan.
  • Four rows only. Five starts to read as a real interface and invites feature questions.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

HRO-04

Article hero

Journal article opening. Sets reading measure immediately and exposes the published and updated dates, which matters for both trust and AEO.

Editorial column No motif

Owning and maintaining

What a home inspection tells you, and what it leaves out

An inspection is a snapshot of visible condition on one day. It’s useful, and it’s not a plan. Here is how to turn one into the other.

Published
July 2026
Updated
August 2026
Length
6 minute read
Requirements, limitations, and variants

Content it requires

  • Pillar name
  • Headline
  • Standfirst of 20 to 35 words
  • Published, updated, and length

Limitations

  • No image slot. Article photography sits in the body where it is relevant, not decoratively at the top.
  • Headlines over about 70 characters break the display balance.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

HRO-05

Application hero

Opens the apply page. Answers the question every form provokes, which is what happens after I send this, before the form is reached.

Held column Dark field Sequence markMargin noteQuiet field

Tell us about the home.

The first conversation is about fit. We want to understand the property, what’s becoming difficult to manage, and how much you want to hand over. Nothing is committed at this stage.

What happens after you send this

  1. A short reply confirming whether we currently serve your address

  2. A 20 minute conversation about the property and your priorities

  3. A written scope and price before anything begins

Service scope, founding availability, and pricing are confirmed during that first conversation.

Requirements, limitations, and variants

Content it requires

  • Headline
  • Lead paragraph
  • Exactly three expectation steps
  • A pricing or availability caveat

Limitations

  • The three steps must be genuinely accurate. This pattern makes a promise about response behaviour.
  • Do not add a fourth step. The point is that the commitment is small.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

HRO-06

Split screen hero

Alternate to HRO-01. Two full-height halves meeting at a hard edge, dark against lime. The contrast between the two halves is the whole layout.

Split screen Dark field Condition markerMargin note

Reactive is expensive.Planned is not.

The cost of owning a home is rarely the work itself. It’s making the same decision again and again with no context, under time pressure, on the worst possible day.

See what fits my home

What reactive ownership actually costs

  • Emergency call-out
  • Work done twice
  • Warranty already expired
  • Quote you can’t judge
  • Deferred work found by a buyer

None of these ever show up as a line item. They’re the reason the total is what it is.

Requirements, limitations, and variants

Content it requires

  • A two-part headline
  • One paragraph
  • Four to six short cost items
  • One action

Limitations

  • Both halves must carry real content. A decorative half wastes half the viewport.
  • The lime half is loud. One per page, and not on a page that already uses DIF-02.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

HRO-07

Overlap plate hero

The first hero that gives a photograph the full width of the page. Headline sits on the page surface above the plate, and an ink panel breaks the plate corner so the two layers genuinely intersect.

Overlap Elevation frameLedger pairHeld column

You own the whole property. You should not have to hold all of it.

One plan covers the roof, the systems, the grounds, and the records. You keep the decisions. We handle the follow-up, the scheduling, and the detail you should not have to remember.

See what fits my home See How It Works
Photography pending
Twin Cities Illustrative. Not a specific client property.

What one plan holds

  • Systems Roof, envelope, mechanical
  • Grounds Drainage, trees, hardscape
  • Record Warranties, vendors, history
Requirements, limitations, and variants

Content it requires

  • A two-part headline
  • One paragraph of 35 to 50 words
  • Two calls to action
  • A wide image
  • Three ledger rows

Limitations

  • No text sits on the image, which is deliberate. Do not move the headline onto the plate to save vertical space.
  • The only pattern using the overlap archetype. One per page, and never above another full-bleed section.
  • The plate runs off the right edge. Do not crop a subject into that margin.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

HRO-08

Article header with plate

The article header for a piece that earns a photograph. Headline and standfirst sit on the page surface, the plate runs past the measure to the right edge, and the meta ledger breaks back across its corner.

Overlap Elevation frameLedger pairHeld column

The five year replacement window nobody budgets for

Your water heater, your roof, and your furnace were installed within a few years of each other, and they will fail within a few years of each other. Here is how to see that coming.

Pillar
Planning and budget
Published
July 2026
Updated
August 2026
Length
9 minute read
Requirements, limitations, and variants

Content it requires

  • A headline of 8 to 12 words
  • A standfirst of 25 to 40 words
  • A pillar, two dates, and a reading time
  • A wide image

Limitations

  • No label above the headline. The pillar reads in the ledger, where it is information rather than decoration.
  • Shares the overlap archetype with HRO-07. Never both on one page.
  • For articles without an image use HRO-04, which is built for exactly that and does not leave a hole.
  • The plate runs off the right edge. Do not crop a subject into that margin.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

HRO-09

Full-bleed statement hero

One statement and one photograph, each taking half the viewport, meeting at a hard edge. For a page that has to establish what this is before it explains anything.

Under review Split screen Elevation frame

One record of the property, kept for as long as you own it.

Start with the Home Plan
A living room with built-ins and an accent wall.
Requirements, limitations, and variants

Content it requires

  • A statement of 8 to 14 words
  • One photograph worth running full height
  • One action

Limitations

  • Everything except the statement, the image, and one action is opt-in. A hero that needs a label, a caveat, and a metadata block is a summary of the page beneath it.
  • Needs a real photograph. Against a placeholder half the section is dead.
  • Shares the split archetype with HRO-06 and CTA-03. One split per page, never two adjacent.
  • The statement is the whole left half. A headline needing a supporting list belongs in HRO-01.

Variants

label and note props re-enable the suppressed content for the rare page that genuinely needs a provenance line.

Plan and record proof. Showing the thing being sold, since there is no finished object to photograph.

PRF-01

Reactive against managed

The before and after equivalent for a service with no photographable output. Compares how the same four moments go with and without a plan.

Data table Quiet field

The house doesn’t change. The decision does.

Most of what makes homeownership expensive isn’t the work itself. It’s making the same decision without context, over and over, under time pressure.

The moment Managing it yourself Managing it with us
The water heater starts leaking You call whoever answers, on the worst possible day, and pay whatever the emergency rate is. The replacement was already in the plan for this year, quoted in advance, and scheduled before it failed.
A contractor recommends a repair You have no way to judge whether it should happen now, later, or at all. The recommendation is checked against the roadmap, the budget, and how long you plan to stay.
You want to sell in three years You find out late which deferred work will show up in a buyer inspection. The sequence already accounts for the ownership horizon you told us about.
A new specialist arrives You explain the house again from memory and hope nothing is missed. The property record holds the history, the equipment, and what was done last time.
Requirements, limitations, and variants

Content it requires

  • Four moments
  • A reactive and a managed response for each, both under 25 words

Limitations

  • Four rows is the ceiling. Six turns into a wall of text.
  • The managed column must not overclaim. Every line has to be something the service genuinely does.

Variants

Collapses to stacked labelled blocks below 860px rather than scrolling horizontally.

PRF-02

Priority board

The full horizon vocabulary with definitions. The most ownable object in the system and the clearest explanation of what the plan actually produces.

Held column HorizonCondition markerQuiet field

Everything in the home gets a place in the sequence.

Nothing sits in an undifferentiated list of things to worry about. Each item is assigned a horizon, and each horizon means something specific.

See what goes into the Home Plan
Do now
Issues that need timely attention because of safety, property preservation, or genuine urgency.
Do this year
Maintenance, repairs, and improvements that belong in the current annual plan and current budget.
Plan next
Work that needs budgeting, specialist input, or a dependency completed first before it can sensibly start.
Monitor
Systems and conditions worth tracking without spending money prematurely.
Optional improvement
Comfort, design, and functionality ideas considered alongside required work rather than instead of it.
Requirements, limitations, and variants

Content it requires

  • Five horizon stops with a one-sentence definition each

Limitations

  • The five stops are fixed vocabulary. Do not rename or reorder them for a single page.
  • Only the first row is accented. Two accents destroy the sense of a ranking.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

PRF-03

Property record anatomy

Explains what the digital property record holds. Replaces the rotated card stack currently on the homepage, which carried no information.

Held column Ledger pairSequence markHeld columnMargin noteQuiet field

Every homeowner already has a property record. It’s spread across a drawer, three email threads, a phone photo of a serial number, and memory.

Six things worth keeping in one place.

  • Systems and equipment Make, model, install date, expected remaining life, and the warranty that applies.
  • Completed work What was done, when, by whom, at what cost, and what it means for the next decision.
  • Open decisions Recommendations you haven’t acted on yet, with the reason each one is still open.
  • Vendors Who has worked on the property, what they touched, and whether you want them back.
  • Maintenance calendar What recurs, how often, and what was skipped.
  • Roadmap The three to five year sequence, updated as work completes and priorities change.

When we help care for or manage your home, we keep this record current along the way. It stays yours, and it stays useful whether or not we’re still working together.

Requirements, limitations, and variants

Content it requires

  • Six record layers with a term and one sentence each

Limitations

  • Six is the working range. Four looks thin, eight stops being memorable.
  • Terms need to stay under about four words or the ledger column wraps awkwardly.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

PRF-04

Annual arc

Answers the objection that a plan is a one-time document, by showing what changes in years two, three, and five.

Register grid Held columnMargin noteQuiet field

A plan is worth more in year three than in year one.

The first year is mostly catching up. The value compounds after that, because every decision starts with the context of the ones before it.

  1. Year one

    Stabilize

    Deferred maintenance is cleared, the record is built, and the recurring calendar starts running.

  2. Year two

    Get ahead

    Fewer surprises. Spending shifts from urgent repairs toward planned replacements.

  3. Year three

    Sequence the work

    Larger projects are scheduled against budget and dependency rather than against whatever failed first.

  4. Year five

    Decide from a full picture

    Whether you stay, renovate, or sell, the property history and the roadmap are already written down.

This describes how the service is designed to work over time. It’s not a guaranteed outcome, and it assumes the plan is actually carried out.

Requirements, limitations, and variants

Content it requires

  • Four time blocks with a one-word focus and one sentence

Limitations

  • Carries a required caveat. This is how the service is designed to work, not a guaranteed outcome.
  • Do not add currency figures. The business has no data to support them.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

PRF-05

Record filmstrip

The property record read sideways, because a history is a horizontal thing. The only pattern in the library with a different reading direction.

Filmstrip Condition markerMargin noteQuiet field

Twelve years, one page.

What happened to the property, what’s coming, and the reason each item sits where it does. Scroll it sideways.

2019

Reviewed project

Roof replacement

Past project reviewed. Transferable warranty recorded and valid through 2044.

2021

Reviewed activity

Furnace service

Past maintenance reviewed. Service history and equipment notes added to the record.

2023

Reviewed project

Drainage correction

Past project reviewed. North-wall grading work documented and monitored since.

2026

Planned project

Water heater replacement

Condition and age point to replacement. Budgeted and ready for final approval.

2028

Goal project

Main-floor update

Improve kitchen function and create a better everyday gathering space.

2031

Planned need

Furnace replacement

Planning window based on install date, condition, and service history.

Requirements, limitations, and variants

Content it requires

  • Five to eight dated entries mixing completed, open, and projected states

Limitations

  • Horizontal scroll hides content by design. Never put anything decision-critical past the third cell.
  • The track is focusable so it can be scrolled from the keyboard. Keep the tabindex if you restyle it.
  • Projected entries must be labelled as projections, never as commitments.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

PRF-06

Annotated plate

Treats the photograph as a survey surface. Numbered pins sit at fixed coordinates on a full-bleed plate and a ruled legend beneath carries the reading, which is how you show a whole property judged in one pass.

Full bleed Elevation frameCondition markerRegisterSequence mark

One walk, the whole property.

A contractor sees the part they sell. Your plan starts with everything in one pass, so the roof, the grading, and the mechanical room are judged against each other instead of one at a time.

Property elevation pending
  1. 1

    Roof and flashing

    Seal detail at the valley. Watch through spring.

    Monitor

  2. 2

    Grade and drainage

    Soil sits above the sill on the north face.

    Now

  3. 3

    Windows

    Glazing putty failing on the west elevation.

    This year

  4. 4

    Walk and steps

    Settled slab. Group with the drainage work.

    Later

Illustrative annotation. Not a specific client property.

Requirements, limitations, and variants

Content it requires

  • A wide elevation image
  • Three to five points with x and y percentages
  • A condition state per point
  • A provenance caption

Limitations

  • Pins are decorative and hidden from assistive technology. The legend must carry every word, and nothing may be communicated by position alone.
  • Pins are dropped below 640px because they crowd. The legend has to work on its own.
  • Coordinates are tied to one specific crop. Swapping the image without re-measuring the pins produces nonsense.
  • Five points is the ceiling. Six starts to look like an inspection report.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

PRF-07

Condition pair

Two dated views of the same thing on a shared baseline, divided by one hairline, with a ledger beneath stating what actually changed. Before and after logic without the language of a renovation portfolio.

Inset panel Elevation frameLedger pairQuiet field

The same corner, fourteen months apart.

You approved one drainage correction and the work that depended on it. Everything downstream of that decision is in the record, so the next owner of this problem is not starting from scratch.

Condition record pending

Recorded 04.2024

Water standing against the foundation after every heavy rain.

Condition record pending

Recorded 06.2025

Grade corrected, downspout extended, walk reset on the same visit.

  • Decisions you made One. Correct the grade before resetting the walk.
  • Visits it took Two, scheduled around one vendor mobilisation.
  • Kept in the record Scope, invoice, photos, and the warranty term.

Illustrative pairing. Not a specific client property.

Requirements, limitations, and variants

Content it requires

  • Two images with the same crop and framing
  • A date stamp and one line for each
  • Three ledger rows on what changed

Limitations

  • Deliberately not a drag slider. A handle turns a record into a toy and hides half the evidence at any moment.
  • The two crops must match. Different framing reads as two properties, not one over time.
  • Never present an illustrative pairing as a client result. The caption is load-bearing.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

PRF-08

Feature accordion with product interface

An immersive colour field, features disclosed one at a time, and the product rendered beside them as a real surface rather than a photograph of a screen.

Under review Offset grid Interactive RegisterQuiet fieldCondition marker

03

Keeping you on track,every season.

Everything on one record.

Condition, decisions, providers, and receipts filed against the house instead of scattered across inboxes.

See what moved.

Each visit writes back the same day, so the record shows what changed and who changed it.

Message your adviser.

One thread, one person, no ticket queue and no re-explaining the property.

Adjust as life changes.

Priorities are re-ordered when the property or the budget does. The reasoning is kept, not overwritten.

Priority sequence Revised this season
  1. Roof flashing, north elevation Now
  2. Regrade at east foundation This year
  3. Water heater, age 11 Plan next
  4. Driveway surface Monitor
  5. Gutter guards fitted Done

Illustrative excerpt. Not a member property.

Requirements, limitations, and variants

Content it requires

  • Three to five features
  • A body of 20 to 35 words each
  • Four to six real plan rows with a horizon and a state
  • A provenance line for the plate

Limitations

  • Every row in the plate is a claim about the product. Invented rows read as a fake screenshot and are worse than no plate.
  • Mint is the accent field and appears once per page. This pattern spends it.
  • The plate does not change as features open. Making it respond needs JavaScript this pattern avoids.
  • Centred opening. Do not run on the same page as PRC-06 or DIF-05, which also centre.

Variants

Shares PatternAccordion with PRC-06 and DIF-05. Plate rows and meta are props, so the same skeleton shows a visit record or a scope sheet.

Difference. Why this is not an inspection, a handyman, or an app.

DIF-01

Whose question is it

Positions the service against inspectors, handymen, and contractors by the question each one is equipped to answer. Direct replacement for the four-up comparison card row on the current homepage.

Ruled sequence Dark field Held columnQuiet field

Everyone who comes to your house is answering a different question.

We don’t replace good inspectors, handymen, or contractors. We add the property-wide judgment that no single trade is positioned to provide.

An inspector asks
What may be wrong?
Evaluates visible condition at a single point in time.
A handyman asks
What task should I complete?
Completes the repair or improvement you already identified.
A contractor asks
What should happen in my trade?
Evaluates and prices work within one specialty.
We ask
What should this homeowner do next?
We connect the whole property to your goals, your budget, the right sequence, and the amount of help you actually want.
Requirements, limitations, and variants

Content it requires

  • Three adjacent roles with a question and a one-line scope
  • The Perchford row, always last

Limitations

  • The Perchford row must be last and visually largest. Placing it among peers loses the whole argument.
  • Never turn this into four equal columns. That is the exact formula this pattern exists to replace.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

DIF-02

Independence statement

The zero percent commitment. The single strongest trust asset the business has, given a full field and a display numeral.

Full bleed Dark field Margin noteQuiet field

No percentage of contractor invoices.

We earn through the Home Plan and the Home Management membership. Outside providers bill you directly, so a larger provider invoice never produces a larger fee for us.

It’s why we can tell you not to spend

Our fee
Fixed
Contractor markup
0%
Referral commission
None
Who they bill
You
Requirements, limitations, and variants

Content it requires

  • The figure
  • A headline under ten words
  • One paragraph explaining how revenue actually works

Limitations

  • Once per page, and only on pages where money is already on the reader’s mind.
  • The figure is decorative to screen readers and is repeated in the visually hidden heading text. Keep both in sync if the copy changes.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

DIF-03

The second job

Problem framing. Names the four frictions of unmanaged homeownership before any solution is offered.

Register grid RegisterSequence markHeld columnQuiet field

Homeownership quietly turns into a second job.

The inspection report is in a drawer. Maintenance lives in your memory. Small repairs keep accumulating. Every contractor only ever sees their piece of the property.

Scattered information

Records, warranties, notes, and vendor details live in different places, and none of them talk to each other.

Reactive decisions

The loudest problem gets attention, even when something quieter should happen first.

Disconnected vendors

Each specialist sees one part of the home, which leaves you to connect every visit and decision.

Growing mental load

The calendar, the priorities, the open decisions, and all the unfinished follow-up live in your head.

Requirements, limitations, and variants

Content it requires

  • A statement paragraph
  • Exactly four frictions with a short title and one sentence

Limitations

  • This is the one place a four-up equal register is correct, because the four frictions are genuine peers with no ranking.
  • Must be followed by a pattern that resolves the tension. Never end a page here.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

DIF-04

Marquee statement

One statement at a size nothing else on the page reaches, and almost nothing else in the section. Used as a hinge between two dense sections.

Marquee Quiet field

A home is one property,not a pile of invoices.

What we sell

Judgment and continuity

What we don’t sell

Volume of work

Why we’re built this way
Requirements, limitations, and variants

Content it requires

  • A two-part statement under twelve words
  • Two short footer facts and one link, unless showFoot is off

Limitations

  • Once per page. A second marquee makes the first one ordinary.
  • Must sit between two dense sections. On its own it reads as a gap in the page.
  • If the statement needs a qualifier to be true, it is not a marquee statement.
  • Past about twelve words the xl scale runs longer than a viewport. Pass size="lg" for a longer statement, and accept that it reads as a section rather than a marquee.
  • showFoot={false} leaves the statement with nothing under it and no onward link. Use it only where the surrounding sections already carry the next step.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

DIF-05

Value accordion with lifestyle image

Three positions, each in its own panel, opened one at a time beside a photograph of the outcome rather than of the work. The actions sit under the whole section, because the argument earns them, not any single claim.

Under review Held column Interactive Held columnElevation frame

Finally, home care that isaccountable.

One accountable party

A named adviser holds the property, not a ticket queue.

  • The same people walk the house each season
  • Decisions are signed before they reach you
  • No handover between crews mid-project
A flat membership

The fee does not move because the property is worth more.

  • No commission from providers
  • No percentage of the work scheduled
The record is yours

Cancel the management and you keep the plan and the history.

  • Exported in full on request
  • No lock-in on providers you already trust
Two people talking through a home plan at a kitchen table.
Get startedHow it works
Requirements, limitations, and variants

Content it requires

  • Three claims of two to five words
  • A one sentence statement per claim
  • Two to four substantiating points each
  • One lifestyle photograph
  • One or two actions

Limitations

  • Every point has to be something the business genuinely does. The checked list makes substantiation look verified.
  • Three claims. A fourth turns separated panels into the card stack the separation exists to avoid.
  • Claims over about five words start reading as headings and break the panel rhythm.
  • Uses a held opening, so it cannot follow another held section.

Variants

Shares PatternAccordion with PRC-06 and PRF-08. Different section: positions being defended, checked substantiation, lifestyle media.

Process. What actually happens, and who is responsible for it.

PRC-01

Operating sequence

The five-step engagement path, driven directly from processSteps in the shared data file so it can never drift from the rest of the site.

Ruled sequence Sequence markHeld columnQuiet field

Start with a plan. Add exactly the help you want from there.

A plan that never gets revisited stops working the day it's filed away. We keep yours current every quarter, and you decide how much of the recurring provider management you hand over from there: all of it, some of it, or none. The plan holds either way.

A home adviser reviewing an upcoming project on site with a homeowner.

  1. Start with a Home Plan

    We walk the property with you, use the reports and records you already have, and turn what the home needs into priorities for now, this year, and later.

  2. Keep it current with Home Care

    Four visits a year review the property, revisit your goals, update the Home Plan, and include a defined action that moves approved work forward.

  3. Add Vendor Management when you want the provider work handled

    Lawn, pool, HVAC, cleaning, snow, pest, chimney, handyman, and similar relationships can move to us. Capacity grows with the number and complexity you hand over.

See how home management works
Requirements, limitations, and variants

Content it requires

  • processSteps from src/data/homeManagement.ts

Limitations

  • Reads from shared data. Editing the steps changes every page using this pattern, which is the point.
  • Descriptions over about 30 words break the two-column step layout.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

PRC-02

Responsibility split

Who does what across the homeowner, Perchford, and outside specialists. Reduces the fear that a management layer means losing control.

Register grid RegisterHeld columnQuiet field

Three parties. One clear line between them.

Confusion about who is responsible for what’s the most expensive part of most home projects. We would rather write it down before anything starts.

You

You approve every decision.

  • Set goals and budget direction
  • Approve meaningful scope and spending
  • Choose which providers we manage
  • Pay outside providers directly

Us

We keep the context and follow-through.

  • Keep the plan, priorities, and home history current
  • Prepare scopes and organize proposals for comparison
  • Manage the recurring providers you hand over
  • Document decisions, warranties, and completed work

Providers

They own their trade.

  • Evaluate and perform trade-specific work
  • Maintain required licensing and qualifications
  • Provide their own proposals and warranties
  • Stay accountable for the work you hire them to complete
Requirements, limitations, and variants

Content it requires

  • Three parties with a stance line and four items each

Limitations

  • Exactly three columns. The three-party structure is the argument.
  • The middle column is the only accented one, and it must stay the middle.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

PRC-03

Anatomy of a quarterly review

What happens before, during, and after a quarterly review. Converts an abstract membership into something concrete enough to picture.

Ruled sequence Sequence markHeld columnMargin noteQuiet field

A review is only worth paying for if it produces decisions and a record. Otherwise you’re buying an hour of someone’s time and hoping.

What actually happens in a quarterly review.

  1. Before

    You get a time and an agenda

    You know what the review will cover, which decisions are waiting on you, and roughly how long it takes. Nothing is a surprise.

  2. During

    What changed gets reconciled

    Completed work, open items, and anything that no longer matters are settled against the plan rather than carried forward by default.

  3. During

    The decisions in front of you get resolved

    Approvals, scope questions, and provider choices are worked through together, with the context needed to decide.

  4. After

    The record and the plan update

    Priorities, records, warranties, and the next ninety days land in the property record, summarized in a short Quarterly Home Brief.

  5. After

    One defined action moves

    Each quarter includes one management action that pushes approved work forward. Anything beyond the agreed scope gets discussed before it starts.

A quarterly review is a management review, not an inspection, a technical evaluation, or a maintenance appointment. Outside providers perform and warrant the technical work.

Requirements, limitations, and variants

Content it requires

  • Five phases each tagged before, during, or after

Limitations

  • Carries a required note that a review is not an inspection and that outside providers perform the technical work.
  • Do not extend past five rows. This is an outline, not an operations manual.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

PRC-04

Cascading process

Alternate to PRC-01. Each step indents further than the last, so the section reads as a descent into specificity rather than a flat numbered list.

Cascade Dark field Sequence markMargin noteQuiet field

It gets narrowerand more specific.

We start with the whole property and end with a decision you actually make. Each step removes a question rather than adding one.

  1. Start with a Home Plan

    We walk the property with you, use the reports and records you already have, and turn what the home needs into priorities for now, this year, and later.

  2. Keep it current with Home Care

    Four visits a year review the property, revisit your goals, update the Home Plan, and include a defined action that moves approved work forward.

  3. Add Vendor Management when you want the provider work handled

    Lawn, pool, HVAC, cleaning, snow, pest, chimney, handyman, and similar relationships can move to us. Capacity grows with the number and complexity you hand over.

The Home Plan is available on its own. Ongoing service is optional, so you can use the plan yourself or ask us to keep the work moving.

Requirements, limitations, and variants

Content it requires

  • processSteps from src/data/homeManagement.ts

Limitations

  • Breaks past about six steps. The indent runs out of horizontal room.
  • The indent is decorative on mobile, where it compresses to 10px per step.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

PRC-05

Sticky image rail

The claim holds position on the left while the visit steps scroll past on the right. The only pattern where an image column is the primary content and the copy is the fixed reference.

Sticky rail Elevation frameSequence markRegister

You see the work, not just the invoice.

Every visit ends the same way: what was checked, what was done, what changed, and what moves to the next visit. You read it in five minutes and know where your home stands.

Schedule an intro call

Illustrative visit sequence. Not a specific client property.

  1. Visit photography pending

    Step 01

    The walk

    One pass across the whole property before anything is touched. Condition first, opinions second.

  2. Visit photography pending

    Step 02

    The call

    What needs a decision from you, what doesn’t, and what it costs to wait. You approve before anything moves.

  3. Visit photography pending

    Step 03

    The work

    Scheduled, supervised, and grouped so one mobilisation covers everything that belongs together.

  4. Visit photography pending

    Step 04

    The record

    Photographs, scope, cost, and warranty filed against the property. It stays yours if you ever leave us.

Requirements, limitations, and variants

Content it requires

  • Three to five steps
  • One image per step
  • A stamp, a term, and two lines per step
  • One call to action

Limitations

  • Needs at least three steps. With two the section is not tall enough for the rail to stick and the layout reads as broken.
  • The rail is static below 900px, so the copy has to make sense read once at the top.
  • Do not put a second sticky section anywhere near this one.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

PRC-06

Image and accordion process

A photograph of a person at real scale on one side and the process disclosed one step at a time on the other.

Under review Sticky rail Interactive Elevation frameSequence mark

02

Getting to know your homeand what you want from it.

A homeowner on a video call at her kitchen counter.
Meet your adviser.

One conversation about the property, what has already been done, and what you actually want the house to do for the next five years.

Get your plan.

A written sequence: what is due now, what belongs to this year, and what is only worth watching.

Decide what to hand over.

Run the plan yourself or hand over as much of it as you want managed. Both are supported.

Requirements, limitations, and variants

Content it requires

  • Three to five steps
  • A body of 25 to 40 words per step
  • One photograph of a person

Limitations

  • Only one step is visible at a time. If the reader has to compare all of them, use PRC-01.
  • Exclusive opening relies on the details name attribute. Older browsers allow more than one open, which is degraded rather than broken.

Variants

Shares PatternAccordion with PRF-08 and DIF-05. Same mechanic, different sections: this one is a sequence with human media.

PRC-07

Four-stage progression

Four tall cards on a dark field with the ordinal at display scale and the fill stepping toward the terminal stage. The intro is two lines so the cards are in the first screen rather than under a manifesto.

Under review Register grid Dark field Sequence markQuiet field

We handleeverything for you.

Survey, plan, delivery, and a record that stays current. One accountable party across all four.

Our services

  1. 1

    Survey

    Every system walked, dated, and rated against its expected life.

  2. 2

    Plan

    A five-year sequence with the reason each item sits where it does.

  3. 3

    Delivery

    Scoped, scheduled, supervised. You approve, we run it.

  4. 4

    Record

    Kept current for as long as you own the property.

Requirements, limitations, and variants

Content it requires

  • Exactly four stages
  • A one-line state per stage
  • A description of 10 to 16 words each
  • An intro of one sentence

Limitations

  • Four stages. Three leaves the tonal ramp nowhere to go, five crushes the columns before 1080px.
  • The tonal ramp is decoration unless the last stage is genuinely the ongoing one. Do not reorder stages to suit the tones.
  • Dark field. Counts against the two-dark-fields-per-page limit and must not sit next to another.
  • Descriptions over about 18 words unbalance the bottom-aligned feet at 1024px.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

Service levels and scope. Comparing, bounding, and pricing the four levels.

LVL-01

Level overview

The three ongoing levels as linked cells, with the Home Plan foundation stated beneath rather than competing as a fourth option.

Stagger RegisterSequence markHeld columnQuiet field

Responsibility movesone way.

Everything sits on one Home Plan. What changes is how much of the work stays with you.

  1. The base. Every membership starts here.

    Home Care

    I want someone to keep a current pulse on my home and tell me what deserves attention next.

    Four visits a year reconnect the latest picture of your property with your goals, priorities, records, and next steps.

    We keep the plan, the priorities, and the record current. You still run your providers.
  2. Adds up to three recurring providers you hand over.

    Vendor Management

    I want one person managing the recurring service providers my home depends on.

    Lawn, pool, HVAC, cleaning, snow, pest, chimney, handyman, and similar relationships move to us. We hold the cadence, the context, the scheduling, and the follow-up.

    Everything in Home Care, plus we manage the recurring vendor relationships you hand over. Choose capacity for up to three or up to six.
  3. Adds up to six recurring providers you hand over.

    Vendor Management, Expanded Capacity

    I want the larger group of recurring providers my home depends on managed for me.

    Built for a home with a broader recurring-service roster. We manage up to six agreed provider relationships, with more monthly management time for scheduling, access, approvals, records, and follow-up.

    Everything in the base, plus more management capacity for a home with a larger provider roster.
Level 01 · Datum

Everything stands on the Home Plan.

One current plan for the whole property, so you can stop relitigating the same decisions and walk into any provider conversation with context behind you.

Want the plan without an ongoing commitment? It stands on its own as a paid engagement. Explore the Home Plan

Requirements, limitations, and variants

Content it requires

  • serviceLevels from src/data/homeManagement.ts

Limitations

  • Three ongoing levels only. Adding the Home Plan as a fourth column implies it is an alternative rather than the foundation.
  • Whole cells are links, so nothing inside them may be independently focusable.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

LVL-02

Level comparison matrix

A real comparison table for readers who want to check a specific capability rather than read three summaries.

Data table Held columnMargin noteQuiet field

What changes as you move up a level.

The levels build on each other. Nothing is removed as you move down the list, and the quarterly base is included in all of them.

Capability Home Care · $295/moVendor Management · $595/moVendor Management · $995/mo
Four quarterly reviews a year
Current priorities and the next ninety days
A concise Quarterly Home Brief
One defined management action each quarter
Property, equipment, warranty, and service records kept current
Scheduling and access for the providers you hand over
Provider communication and ordinary approvals between reviews
Open-item follow-up on managed provider relationships
Up to three managed recurring providers
Up to six managed recurring providers
Home Care · $295/mo 5 included
  • Four quarterly reviews a year
  • Current priorities and the next ninety days
  • A concise Quarterly Home Brief
  • One defined management action each quarter
  • Property, equipment, warranty, and service records kept current
Vendor Management · $595/mo 9 included
  • Four quarterly reviews a year
  • Current priorities and the next ninety days
  • A concise Quarterly Home Brief
  • One defined management action each quarter
  • Property, equipment, warranty, and service records kept current
  • Scheduling and access for the providers you hand over
  • Provider communication and ordinary approvals between reviews
  • Open-item follow-up on managed provider relationships
  • Up to three managed recurring providers
Vendor Management · $995/mo 10 included
  • Four quarterly reviews a year
  • Current priorities and the next ninety days
  • A concise Quarterly Home Brief
  • One defined management action each quarter
  • Property, equipment, warranty, and service records kept current
  • Scheduling and access for the providers you hand over
  • Provider communication and ordinary approvals between reviews
  • Open-item follow-up on managed provider relationships
  • Up to three managed recurring providers
  • Up to six managed recurring providers
Requirements, limitations, and variants

Content it requires

  • Nine or fewer capability rows
  • A true or false value for each of the four levels

Limitations

  • Scrolls horizontally below 640px. Acceptable for a genuine data table and better than collapsing a matrix into cards.
  • Tick and dash marks are aria-hidden with visually hidden text alternatives. Keep both if you edit it.
  • Capabilities must be strictly cumulative. A gap in the middle of a row means the level model is wrong, not the table.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

LVL-03

Scope ledger

Included against not included for a single level, driven from the includes and boundaries arrays already in the data model.

Held column Ledger pairCondition markerMargin note

What Vendor Management includes, and where it stops.

Scope written down before you buy is worth more than scope explained after something goes wrong. Both halves of this list matter.

Included

  • Everything in Home Care
  • Service scope and cadence kept current for each managed provider
  • Scheduling, access coordination, and the service brief a provider needs
  • Ordinary approvals, communication, and open-item follow-up
  • Completed work, invoices, warranties, and service notes recorded

Not included

  • Includes up to three managed recurring providers, subject to ordinary complexity
  • We manage the relationship. The provider performs and warrants the work and generally bills you directly
  • One-time project work isn’t part of recurring-provider capacity

Anything outside the agreed scope gets quoted before it happens, never after.

Requirements, limitations, and variants

Content it requires

  • A level id
  • At least two boundaries on the level

Limitations

  • The not-included column must never be empty. A level with no stated boundary is not ready to publish.
  • Excluded terms are struck through, so the item text has to stay legible without relying on that cue alone.

Variants

Accepts any of the four level ids.

LVL-04

Pricing position

Explains how published starting points relate to scope, property complexity, and the responsibility a homeowner wants to delegate.

Held column Ledger pairHeld columnMargin noteQuiet field

Price follows the responsibility you want to hand over.

The price depends on your home, the work it needs, and how much of the calendar, coordination, and follow-up you want us to carry.

  • You pay us for judgment and time Planning, recurring home care, common repairs, coordination, and clearly priced project support.
  • You pay specialists directly We take no percentage of any contractor invoice, so a bigger job never means a bigger fee for us.
  • You see the work before the price We explain what we’ll do, show you the price, and wait for your approval before work starts.
  • Nothing is open-ended You know how often we’ll visit, what we’ll handle, and when something needs a separate decision.
Schedule an intro call

We confirm that we work in your area, explain what we can help with, and check availability before you decide whether to continue.

Requirements, limitations, and variants

Content it requires

  • Four pricing principles

Limitations

  • Do not imply a starting price covers every property or scope.
  • Keep final scope and availability confirmation separate from the published starting point.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

LVL-05

Offset level index

Alternate to LVL-01. All four levels as a contents-page index on a twelve-column grid, with deliberate empty space in the left margin.

Offset grid Sequence mark

One plan beneath all of it

Pick how much youwant to stop thinking about.

  1. Home Plan The foundation. Yours to use on its own.
  2. Home Care The base. Every membership starts here.
  3. Vendor Management Adds up to three recurring providers you hand over.
  4. Vendor Management, Expanded Capacity Adds up to six recurring providers you hand over.

Each step builds on the one above it. Nothing is removed as you move down the list.

Requirements, limitations, and variants

Content it requires

  • serviceLevels from src/data/homeManagement.ts

Limitations

  • Shows all four levels including the Home Plan, so it implies they are alternatives. Use LVL-01 where the foundation relationship matters more.
  • Rows shift right on hover. The movement is suppressed under reduced motion.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

Trust. Credibility without statistics the business has not earned yet.

TRU-01

Stated boundaries

Rules out the five categories a new service gets mistaken for. Faster than arguing around each misconception.

Ruled sequence Dark field Held columnQuiet field

What we’re not.

A new category invites people to file you under something familiar. It’s faster to rule those out than to argue around them.

We’re not a home inspection company.
An inspection is one input into the plan. It’s not the plan, and we don’t sell it as one.
We’re not a general contractor.
We don’t self-perform licensed trade work or mark up the people who do.
We’re not a home warranty.
Nothing here is an insurance product. We reduce surprises through planning, not through a claims process.
We’re not a referral marketplace.
We earn nothing from sending you to a vendor, which is exactly why the recommendation is worth something.
We’re not rental property management.
We work with people who own and live in their homes. No rent collection, no tenants, no leases.
Requirements, limitations, and variants

Content it requires

  • Five claims, each with the reason behind it

Limitations

  • Every line is a negative, so it needs a positive pattern immediately after it.
  • The reasons must be structural, not marketing. A weak reason here damages more than the claim gains.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

TRU-02

Homeowner quote

A single testimonial paired with a framed portrait or property view, given enough scale to be read rather than skimmed.

Held column Elevation frame
A homeowner reviewing the condition and priorities of her property with a home adviser.

Perchford Testimonial

I didn’t need another project or another person to call. I needed someone to see the whole home, tell me what mattered now, and keep the right work moving. Now I spend less time chasing providers, have more confidence in each decision, and our home is easier to own.

Homeowner | Maple Grove, MN

Requirements, limitations, and variants

Content it requires

  • A quote under 30 words
  • Attribution
  • Context line
  • An image, or the honest placeholder

Limitations

  • Ships with a placeholder image and placeholder attribution. Do not publish until both are real.
  • One quote per page. A row of three testimonials is decoration, not evidence.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

TRU-03

Proof without statistics

Credibility for a business too new to have meaningful numbers. Four checkable commitments instead of four animated counters.

Register grid RegisterHeld columnQuiet field

Four things you can hold us to.

We’re early enough that impressive numbers would be misleading. These are commitments you can check instead.

A written scope before a price

You see what’s included and what’s not before any number appears, on every engagement, at every level.

No percentage of anyone else’s invoice

Our fee doesn’t move when a project gets bigger. The incentive to recommend more work doesn’t exist here.

The record stays yours

If you stop working with us, you keep the plan, the roadmap, and the full property history. Nothing is held hostage.

Limits stated in advance

Repair allowances, visit frequency, and coordination boundaries are all defined in writing before you commit.

Requirements, limitations, and variants

Content it requires

  • Four commitments a reader could actually verify or hold you to

Limitations

  • Do not add a statistic to this pattern. Its entire argument is the absence of one.
  • Each commitment must be something the business genuinely does today, not an aspiration.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

TRU-04

Inset testimonial panel

Alternate to TRU-02 for pages with no usable photography. A bounded sand panel sitting on a dark field with the field visible on all four sides.

Inset panel Dark field Quiet fieldMargin note

I didn’t need someone to fix one more thing. I needed someone to tell me which five things actually mattered this year.

Placeholder attribution

Home Management member, 1994 two-storey

Property
Two-storey, 1994
Membership
Home Management
With us
14 months
Status
Placeholder

Attribution is a placeholder. Nothing here is published as a real customer statement until it’s one.

Requirements, limitations, and variants

Content it requires

  • A quote under 30 words
  • Attribution
  • Four title-block fields

Limitations

  • Ships with placeholder attribution. Do not publish until it is a real statement.
  • No image, which is the point. If you have a good portrait, use TRU-02 instead.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

TRU-05

Portrait register

The people who will be on the property, on hairlines rather than in cards, each paired with the one thing they are accountable for. Continuity is the argument, so the names carry it.

Register grid RegisterElevation frame

You’ll know who is on your property.

The same people walk your home each season. That continuity is the whole reason a plan works, because judgement about a property is built over years and doesn’t survive being handed between crews.

  • Portrait pending

    Placeholder name

    Home adviser

    Writes your plan and decides what belongs together. Signs off on every priority before it reaches you.

  • Portrait pending

    Placeholder name

    Visit lead

    Runs the seasonal walk and the visit record. The person you’ll actually recognise at the door.

  • Portrait pending

    Placeholder name

    Vendor coordination

    Scopes, schedules, and supervises outside trades so you’re not comparing three proposals alone.

Background checked, insured, and named in your record before the first visit.

Requirements, limitations, and variants

Content it requires

  • Two to four named people
  • A role and one accountability line each
  • Square portraits

Limitations

  • Portraits are circular. Every other image in the system sits in a rectangular frame, and that difference is what makes a person read as a person here.
  • Named people only. A row of stock faces costs more trust than leaving the section out.
  • Ships with placeholder names. Do not publish until they are real.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

TRU-06

Single testimonial card

One wide card with a person at real scale beside what they said, closing on a strip across the foot of the card that states the outcome.

Under review Register grid Elevation frameMargin note

People we have helped along the way.

One statement, with the outcome it produced.

A homeowner reviewing the condition of her property with an adviser.

Member statement

I stopped keeping a list in my head. The plan holds the order now.

Placeholder attribution

Home Management member, 1994 two-storey

Outcome. Roof and drainage work resequenced into one season instead of three.

Attributions are placeholders. Nothing is published as a member statement until it is one, cleared in writing.

Why Perchford
Requirements, limitations, and variants

Content it requires

  • Exactly one cleared statement
  • A named, consenting person with a one-line context
  • An outcome of 8 to 14 words
  • A portrait at card height

Limitations

  • One entry. A second turns considered testimony into a wall of praise and weakens the outcome strip.
  • The outcome must be a stated change, not a restatement of the quote. If it cannot be written, the entry is not ready.
  • The one place a person is not shown as a circle. A circular avatar at this size reads as a byline, not a person.
  • The play control only appears when an href is supplied. Never imply video that does not exist.
  • Attribution stays labelled as a placeholder until a statement is cleared in writing.

Variants

href and hrefLabel per entry add a native play control over the portrait for a video statement.

Local. Twin Cities geography and operating conditions.

LOC-01

Service area register

The current communities as a numbered register, with availability framed honestly as address by address.

Held column Sequence mark

Built for owner-occupied homes that need a real operating plan.

The initial focus is a set of Twin Cities communities where we can reach a property quickly and often. Availability is confirmed address by address while the model is being validated.

Review the service-area approach
  • Edina
  • Mound
  • Orono
  • Wayzata
  • Plymouth
  • Victoria
  • Woodland
  • Deephaven
  • Chanhassen
  • Minnetonka
  • Maple Grove
  • Minnetrista
  • Excelsior
  • Greenwood
  • Shorewood
  • Minnetonka Beach
  • Spring Lake
Requirements, limitations, and variants

Content it requires

  • initialServiceAreas from src/data/homeManagement.ts

Limitations

  • Two columns work from about eight to sixteen entries. Beyond that this becomes a list, not a register.
  • The numbers are positional, not a ranking. Do not add a heading that implies otherwise.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

LOC-02

Twin Cities seasonal load

Local credibility through operating conditions rather than a list of suburb names. Explains why a generic maintenance calendar misses what matters here.

Register grid Dark field RegisterHeld columnMargin noteQuiet field

A Twin Cities home runs through four genuinely different operating conditions each year. A maintenance plan written for a mild climate misses most of what matters here.

The calendar is not a formality.

Winter

Ice, frozen lines, and heating load

Long stretches below freezing put sustained pressure on the roof edge, the water lines on exterior walls, and a furnace running most of the day.

Spring

Meltwater and grade

Thaw plus rain is when grading, gutter routing, and the sump system get their real test. Most basement moisture is discovered in a six week window.

Summer

Storms and cooling load

Straight-line wind and hail drive roof and siding claims. Cooling equipment runs hardest exactly when a failure is least convenient.

Autumn

The closing window

Exterior work that doesn’t happen before the ground freezes waits until spring. This is the season where deferring is genuinely expensive.

General regional conditions, not a prediction for any specific property or year.

Requirements, limitations, and variants

Content it requires

  • Four seasons with a pressure phrase and two to three sentences

Limitations

  • Carries a required note that these are general regional conditions, not a prediction.
  • Avoid specific temperatures, dates, or frequencies unless they are sourced.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

Care. Recurring maintenance, the calendar, and the visit record.

CAR-02

Seasonal calendar

The maintenance year as a vertical ruled strip, each window tied to the seasonal pressure it protects against.

Sticky rail Condition markerMargin noteQuiet field

The year, written down once.

Recurring work is scheduled against the season it protects against, not against whenever someone happens to remember it.

An illustrative cadence. Your calendar reflects your systems, your equipment ages, and what the property actually needs.

  1. Feb to Mar

    Before the thaw

    Meltwater arrives faster than the ground can take it.

    • Sump pump test and clean
    • Roof edge and ice dam review
    • Basement moisture baseline

  2. Apr to May

    Opening up

    The first warm weeks are the only cheap time to fix drainage.

    • Grade and drainage walk
    • Exterior seal and caulk review
    • Cooling system readiness

  3. Jun to Aug

    Systems and safety

    Equipment runs hardest when a failure is least convenient.

    • Dryer vent clean
    • Water heater sediment drain
    • Alarm and extinguisher check

  4. Sep to Nov

    Closing down

    Exterior work not done before the freeze waits until spring.

    • Heating system readiness
    • Exterior water shutoff
    • Gutter and downspout clear
Requirements, limitations, and variants

Content it requires

  • Four windows with a focus line, a reason, and three items each

Limitations

  • Illustrative only, and captioned as such. Real cadence depends on the property.
  • Three items per window. Four starts to compete with the care groups pattern.
  • The intro column is sticky on desktop, so it needs enough content to not look stranded beside a long strip.

Variants

Redesigned during self-review. The original four-column band was structurally identical to PRF-04 and was replaced with a vertical spine.

CAR-03

Visit record

A dated record of one visit, showing completed work, observations, and the item now waiting on a homeowner decision.

Held column Condition markerQuiet field

Every visit leaves a record you can read.

Not a signed invoice. A dated entry showing what was completed, what was observed, and what now needs a decision from you.

Observations are recorded with a horizon so a small note never quietly becomes an urgent surprise.

Visit record

Spring visit, one property

  • Completed HVAC filters replaced, all four returns MERV 11, next due November
  • Completed Dryer vent cleared Moderate lint load, annual cadence holds
  • Completed Smoke and CO alarms tested Two batteries replaced
  • Noted Water heater showing surface corrosion at the fitting Added to plan, Plan next horizon
  • Needs decision Sump discharge line freezing at the exterior outlet Quote requested, awaiting your approval
Requirements, limitations, and variants

Content it requires

  • Five entries mixing completed, noted, and needs-decision states

Limitations

  • At least one entry should need a decision. A record where everything is done is not credible.
  • State labels are text, never colour alone. Keep the label if you restyle the marker.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

CAR-04

Staggered visit strip

A year of visits as six views deliberately out of vertical alignment, each with a date and one line. The offsets and the mixed crops are what stop a set of images reading as a tile grid.

Stagger Elevation frameRegisterMargin note

A year of your home, kept.

You don’t have to remember when the gutters were last cleared or which vendor reset the walk. The visit record holds it, and you can read the whole year in one screen.

  1. Photography pending

    03.14

    Thaw walk

    Ice damage checked before the first rain.

  2. Photography pending

    05.02

    Grade correction

    North face soil pulled back off the sill.

  3. Photography pending

    07.19

    Envelope check

    Glazing putty logged for autumn.

  4. Photography pending

    09.08

    Gutter clear

    Downspout extension added at the corner.

  5. Photography pending

    10.27

    Shutdown

    Irrigation blown, exterior lines closed.

  6. Photography pending

    12.03

    Winter read

    Roof and flashing photographed for the file.

Illustrative record. Not a specific client property.

Requirements, limitations, and variants

Content it requires

  • Four to six dated entries
  • A varied mix of proportions
  • One short line per entry

Limitations

  • The mixed proportions are the pattern. Passing the same ratio to every entry collapses it into a gallery.
  • Offsets are removed below 560px, so the strip has to survive as a plain column.
  • Six entries is the ceiling. Beyond that use the record filmstrip.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

Calls to action. Structurally different ways to ask for the next step.

CTA-01

Primary conversion band

The standard page-closing call to action. Two actions and a caveat, on a dark field so it reads as the end of the page.

Held column Dark field Margin noteQuiet field

Know what your home needs and what should happen next.

Start with a conversation about the property, your priorities, and how much you want to hand over.

See what fits my home See how it works

Service scope, founding availability, and pricing are confirmed during that first conversation.

Requirements, limitations, and variants

Content it requires

  • Heading
  • One supporting sentence
  • Two actions
  • An optional caveat

Limitations

  • Once per page, at the end. A mid-page repeat trains readers to ignore it.
  • Two actions maximum. A third makes the primary one meaningless.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

CTA-02

Channel chooser

For readers who are ready but have a preference about how they get in touch. Each channel states what it is best for and how fast the reply is.

Ruled sequence Held columnQuiet field

Reach us the way that suits the question.

All three go to the same place. Pick whichever gets you an answer fastest.

  • Send the property details

    Best if you want a considered reply and aren’t in a hurry.

    Reply within one business day

    Open the form

  • Call

    Best if you have one specific question about fit or coverage.

    Weekdays, 8am to 5pm Central

    (763) 230-0550

  • Email

    Best if you already have documents, a report, or photos to send.

    Reply within one business day

    [email protected]
Requirements, limitations, and variants

Content it requires

  • Three channels with a use case, a response expectation, and a real destination

Limitations

  • The response times are a public promise. Do not publish one you cannot keep.
  • Not a page closer. Use it on contact and FAQ pages, then close with CTA-01.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

CTA-03

Image band call to action

An image running the full height of one half against a dark ask on the other, meeting at a hard edge. Closes a page that has been type-only without resorting to an overlaid banner.

Split screen Dark field Elevation frameQuiet field
Photography pending

Start with the plan.

One conversation and one walk, and you’ll know what your home needs now, what can wait, and what it costs to find out. You decide what happens after that.

Schedule an intro call See what fits my home

Twin Cities metro. No obligation to continue past the plan.

Requirements, limitations, and variants

Content it requires

  • A portrait or full-height image
  • A short headline
  • Two calls to action
  • One reassurance line

Limitations

  • The image carries no text and is not a background, which is why the ask stays legible whatever gets photographed. Do not overlay the copy to save space.
  • Shares the split archetype with HRO-06. Never run both on the same page.
  • The reverse prop mirrors the halves. Use it only to avoid two consecutive sections weighted to the same side.

Variants

reverse

CTA-04

Centered framed CTA

A large rounded outline with a threshold marker crossing its top edge, a sans headline at display scale, and one oversized action. The last thing on a long page.

Under review Inset panel Quiet field

Decision point

Feel confident you are making the right decisions about your home.

One walk, one written plan, and a five-year sequence you can act on yourself or hand over.

See the difference a plan makes
Requirements, limitations, and variants

Content it requires

  • A heading of 8 to 12 words
  • A body of 18 to 30 words
  • Exactly one action

Limitations

  • One action. Adding a secondary link makes this CTA-01 with less room.
  • Terminal position only. Mid-page it stops the read without offering anywhere to go.
  • The marker label must name a real threshold. A marker measuring nothing is ornament that looks like information.
  • Shares the inset archetype with TRU-04 and EDU-07. Never two on one page.

Variants

note re-enables a caveat line for pages that legally need one. Off by default.

Education and FAQ. Journal, FAQ, and in-article conversion.

EDU-01

Concise FAQ

Short answers to the questions that come up first. Disclosure via native details elements, so it works with no JavaScript.

Held column Interactive Held columnQuiet field

What people usually want to know first.

If something here is still unclear, ask. An unanswered question is a worse outcome for both of us than a long answer.

Read the full FAQ
Is the Home Plan an inspection?

No. An inspection reports visible condition within an inspection scope on one day. The Home Plan can use an existing inspection, specialist findings, service records, and what you have noticed as inputs, then connects them to your goals, timing, budget, and the rest of the property so you know what to do and in what order. It’s not an engineering evaluation, code-compliance review, appraisal, or technical diagnosis.

Do you perform the maintenance and repairs?

No. Outside providers perform maintenance, repairs, licensed trade work, and remodeling construction. We define the need, identify the right kind of provider, prepare a useful scope, organize the proposals and approvals, and keep the work connected to your plan.

Who bills me for provider work?

Outside providers generally contract with you and invoice you directly. We don’t mark up their work or take a percentage of their labor or project value, so recommending that you spend more never pays us more.

Can I keep the providers I already trust?

Yes, and that’s usually a good starting point. Keep the relationships that work. Hand over the scheduling, context, records, and ordinary follow-up you no longer want to manage.

What happens when a provider stops responding?

We follow up on it so you’re not the one chasing it. If a provider we manage goes quiet, we keep the item open, escalate through the channels we have, and bring you options if the relationship is no longer working. We can’t make anyone respond, but the loose end stops being yours to manage.

Can you help me understand and compare proposals?

Yes. That’s one of the more useful things we do. We put proposals side by side, show where the scopes, assumptions, allowances, and exclusions actually differ, and prepare the questions worth asking before you approve anything. You should not need trade expertise to ask a good question about your own home.

Do you guarantee the lowest price?

No, and you should be skeptical of anyone who does. We don’t guarantee prices, and we can’t promise that every provider will behave well. What we can do is give you property-wide context, a clearer scope, comparable proposals, and organized follow-through, so you approve work from a more informed position.

Is this rental property management?

No. We work with people who own and live in their homes. We don’t collect rent, manage tenants, or administer leases.

Requirements, limitations, and variants

Content it requires

  • siteFaqs from src/data/homeManagement.ts, or four to eight custom entries

Limitations

  • The first entry is open by default so the section is never a wall of closed rows.
  • Answers over about 60 words belong in the decision FAQ instead.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

EDU-02

Decision FAQ

For questions a reader is weighing rather than looking up. Short answer, reasoning, then the case against, stated openly.

Ruled sequence Sequence markHeld columnMargin noteQuiet field

Questions worth thinking about properly.

These are decisions, not lookups. Each one includes the case against, because a service that’s wrong for you is not a sale worth making.

Should I buy the Home Plan if I already have a recent inspection?

Usually yes, but for a different reason than you would expect.

An inspection tells you condition. The plan tells you sequence. If you already have a good inspection, we use it as an input and spend our time on priorities, budget, and the multiyear order of operations instead of re-documenting what you already know.

When not to: If the inspection is under six months old and you already have a clear plan and budget you’re confident in, wait. You would be paying us to confirm work you have already done.

Do I need the ongoing membership, or is the plan enough?

The plan is enough if you enjoy running the work.

Plenty of people are perfectly capable of hiring and scheduling. What they lack is the property-wide priority order. If that’s your situation, take the plan and carry it out yourself. It’s designed to stand alone.

When not to: If the reason the work is not happening is time rather than knowledge, a plan you don’t act on is worse than no plan. Add quarterly management or don’t start.

Is Home Management worth it if I already have providers I trust?

It depends on how much of your week they cost you.

Existing providers stay. We manage the relationships you hand over rather than replacing ones that already work. What you’re buying is the cadence, the scheduling, the follow-up, the access, and the record, not a new contact list.

When not to: If you have two reliable providers, a low-maintenance property, and no open decisions, the Home Plan on its own is likely the better fit.

Requirements, limitations, and variants

Content it requires

  • Three questions, each with a short answer, reasoning, and a genuine when-not-to

Limitations

  • Deliberately not an accordion. This content is meant to be read, so hiding it defeats the purpose.
  • The when-not-to has to be real. A fake objection is more damaging than no objection.
  • Three entries. Five becomes an essay.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

EDU-03

Journal index

Article listing as a ruled register. Pillar, title, standfirst, and date, with no thumbnail images required.

Ruled sequence Held columnQuiet field

Journal

Written for decisions you’re actually facing. If an article doesn’t help you decide something, it doesn’t belong here.

Requirements, limitations, and variants

Content it requires

  • Four to twelve articles with a pillar, title, standfirst, and date

Limitations

  • No image slot, which is deliberate. The journal has no illustration budget and thumbnails would be filler.
  • Standfirsts must be present. Without them this collapses into a bare link list.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

EDU-04

In-article prompt

A mid-article conversion prompt sized to sit inside the reading measure without interrupting the argument.

Editorial column Margin note
Requirements, limitations, and variants

Content it requires

  • A heading that follows from the surrounding argument
  • Two sentences
  • One link

Limitations

  • Once per article, roughly two thirds of the way through.
  • The heading has to connect to the paragraph above it. A generic prompt here reads as an advertisement.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

EDU-06

Article body

The article itself: reading measure, subhead rhythm, list treatment, figure, pull quote, and source note. Every journal piece renders through this, so it is the one place article typography is decided.

Editorial column Held columnElevation frameMargin note

You already know the roof will need replacing. What you probably don’t know is that your water heater, your furnace, and your roof were all installed within four years of each other, which means they will reach the end of their service lives within four years of each other too.

That clustering is the single most common reason a maintenance budget that looked comfortable for a decade stops working in one season. It’s also the most predictable, because the install dates are usually recoverable from the equipment itself.

Start with the dates you can actually find

Before you estimate anything, walk the property once with a phone camera and photograph the label on every major system. Manufacturer date codes are stamped on the serial plate of nearly everything mechanical, and they’re more reliable than a previous owner's memory or a listing sheet.

  • Furnace and water heater serial plates, usually inside the burner door or on the upper shell
  • Electrical panel label, including any replacement sticker from a permit
  • Roof, from the permit record rather than the shingle itself
  • Sump pump, softener, and any radon system installed after purchase
Photography pending
A single property record, held open at the mechanical page. Placeholder. Photography pending.

Then separate the failures you can schedule from the ones you can’t

A water heater at year eleven is a scheduling problem. A water heater at year eleven in a finished basement with no floor drain is a different problem, and the cost of getting it wrong is not the heater. This is the judgment that a component lifespan table can’t make for you, because the table doesn’t know where your equipment sits.

What this looks like in practice

Take the two systems closest to the end of their range and move one of them forward by a year. You lose a small amount of remaining service life and you buy back the ability to absorb the other one on your own schedule. That trade is almost always worth making, and it’s invisible unless you have written the dates down in one place.

The goal is not to predict the failure. It’s to make sure two of them never land in the same quarter.

None of this requires software. It requires the dates in one document, reviewed once a year, with the next two decisions written at the top.

Requirements, limitations, and variants

Content it requires

  • Body content, either through the slot or from markdown
  • A figure with a caption and a provenance line
  • Two to six sources with a retrieval note

Limitations

  • The only pattern that styles bare elements, because article bodies come from markdown and cannot carry classes. Do not copy that approach into a section pattern.
  • The figure is the one element allowed to break the measure. Widening anything else undoes the reading column.
  • Sources are not optional on a piece that makes a factual claim. An empty source block is worse than none.
  • Set showDemo to false in production. The demonstration prose exists for the Pattern Lab only.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

EDU-07

Short answer

The answer stated before the argument. A reader who will not finish the piece still leaves with the decision, and an answer engine gets a block it can quote without reassembling the article.

Inset panel Quiet fieldSequence markMargin note
Requirements, limitations, and variants

Content it requires

  • One question in the words a reader would use
  • A one sentence answer
  • Three to five points that stand alone
  • A review date

Limitations

  • The answer must be one sentence. Two sentences means you have not decided what the article says.
  • Points have to make sense lifted out of the page, because that is exactly what will happen to them.
  • Once per article, directly after the standfirst. Placing it lower turns it into a summary nobody needs.
  • The review date is a commitment. Do not ship it unless someone will actually revisit the piece.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

EDU-08

Article contents rail

Contents hold position in the left margin while the article scrolls past. For long pieces where a reader needs to see the shape of the argument before committing to it.

Sticky rail RegisterSequence markHeld column

Find the dates you already have

Walk the property once with a phone camera and photograph the serial plate on every major system. The manufacturer date code is stamped on nearly everything mechanical, and it’s more reliable than a listing sheet.

Look for the cluster, not the oldest item

A single aging system is a scheduling problem. Three of them arriving in the same eighteen months is a budget problem, and the difference is only visible once the dates sit next to each other.

Weigh location, not just age

Anything sitting above or beside finished space carries a higher cost of failure than its age suggests. That’s the judgment a lifespan table can’t make for you, because the table doesn’t know where your equipment sits.

Move one forward on purpose

You give up a little remaining service life and you buy back the ability to absorb the next failure on your own schedule. That trade is nearly always worth making.

Write it down once a year

None of this requires software. It requires the dates in one document, reviewed annually, with the next two decisions written at the top.

Requirements, limitations, and variants

Content it requires

  • Four to seven sections with stable ids
  • Section titles that read as statements rather than labels
  • Enough body length for the rail to hold

Limitations

  • Needs at least four sections and a genuinely long article. On a short piece the rail sticks against nothing and reads as broken.
  • Shares the sticky archetype with PRC-05 and CAR-02. One sticky section per page.
  • The rail becomes a plain contents block below 900px, so the section titles have to work read straight through.
  • No scroll spy. Highlighting the active section needs JavaScript that this page does not otherwise require.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

EDU-10

Journal by pillar

The journal organised by the decision a reader is facing rather than by date. Each pillar states what it is for, then lists its pieces, so someone who arrived with a question finds the group before the article.

Cascade Sequence markRegisterHeld column

Read by the decision you’re facing

Four groups, sorted by what you’re trying to work out rather than by when it was written.

Planning and priorities

Deciding what matters now, what waits until next year, and what you can stop thinking about.

Maintenance and repairs

Preventive work that holds condition, and the small repairs that turn into large ones when they wait.

Projects and contractors

Sequencing work, comparing proposals, and holding a scope boundary once a specialist is on site.

Twin Cities specifics

Local seasons, local soil, and the failures that follow from both.

Requirements, limitations, and variants

Content it requires

  • Three to five pillars
  • A purpose line per pillar that names a decision
  • Two to five articles under each

Limitations

  • Worth using only once recency has stopped being a useful sort. Below about twelve articles this looks emptier than it is.
  • A pillar with one article under it reads as an admission. Fill it or fold it into another.
  • The stepped indent is the pattern. Flattening it leaves four identical rows.
  • Shares the cascade archetype with PRC-04. Never both on one page.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

EDU-11

Read more grid

Journal links on a service, city, or home page, where the reader did not come looking for reading. Each entry states in one line who it is for, so the block competes with nothing else on the page.

Register grid RegisterElevation frame

If you want to think it through first

Three pieces that cover the decisions this page assumes you have already made.

See the full journal
Requirements, limitations, and variants

Content it requires

  • Exactly three articles
  • A one line reason per article naming the situation it fits
  • A reading time
  • A link to the index

Limitations

  • Three is the ceiling, not a starting point. A fourth turns a considered recommendation into a feed.
  • The reason line has to name a situation. A restated subtitle is filler and reads like one.
  • Never place this between a page and its primary call to action. It sends the reader sideways at the worst moment.
  • Set withImages to false on a page that already carries several photographs.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

EDU-13

Long-form FAQ accordion

The whole question set inside one large rounded container, at a scale meant to be the page rather than a block on one.

Under review Inset panel Interactive Quiet fieldMargin note

Frequently asked questions.

What is actually in the Home Plan?

A property-wide condition record, a priority order, and a sequence across the next five years. It stands on its own whether or not you continue with us.

Do you replace the providers I already use?

No. Providers you trust stay. We manage the relationships you choose to hand over and leave the rest alone.

Is this an inspection?

An inspection reports condition on one day. The plan decides sequence, then keeps the record current as the property changes.

How often is the property walked?

Seasonally at every level, with the visit record written the same day and filed against the property.

What happens if something fails between visits?

You call once. We scope it, schedule it, and add the outcome to the record so the next decision has the context.

Can I stop after the plan?

Yes. The plan is a finished artifact, not a trial. Ongoing management is a separate decision.

Which areas do you cover?

The Twin Cities metro. Outside it we say so rather than stretching the visit schedule until it stops working.

Answers are reviewed each quarter. Anything that changes is dated in the record rather than quietly edited.

Requirements, limitations, and variants

Content it requires

  • Six or more questions in the words a reader would use
  • An answer of 20 to 45 words each
  • A review commitment for the note

Limitations

  • Below about six questions this is mostly container. Use EDU-01, which pairs a short excerpt with a held intro column.
  • Answers are hidden by default, so nothing a reader needs before deciding may live only here.
  • All rows closed on load by design. Opening one first suggests a most-asked ranking that has not been measured.
  • Shares the inset archetype with CTA-04, TRU-04, and EDU-07.

Variants

None. Colour swaps and mirrored alignment do not count as variants.