UI components and patterns built from Brand Guidelines tokens, pulled from the live components in the main site repo. For logo, color, type, and voice, see the companion Brand Guide.
Layout, buttons, and shape — the primitives everything else below is built from.
--width-7xl token). Wraps header, footer, and every full-width section. Both use rounded-lg (8px), px-7/8 py-3.5/4, font-semibold. Outline variant flips to solid brand on hover.
Radius scale in use across cards, images, and pills:
Form fields only appear on dark grounds (contact form). Translucent white fill, not the solid --color-input-bg token, with a brand-colored focus ring.
Sticky dark bar, 80px tall (shrinks to 60px on scroll on desktop, fixed 64px on mobile). Logo bleeds below the bar in its own dark panel; nav links are white/90, lightening to Brand light on hover or active.
Dropdown menus (Services) render a white card, rounded (default 4px), with brand-light hover on each row. Mobile collapses to a hamburger at <1024px, opening a full-height #1a1a1a panel.
Four-column grid on a dark ground: brand + social, Services, Company, Contact, then a bottom bar with copyright and trust line.
One card family, six variants. All rounded-xl (12px) unless noted.
One point of contact, clear timelines, and a clean worksite from day one to final walkthrough.
“Great crew, on time, cleaned up every day. Kitchen looks incredible.”
Apple Valley homeowners trust Honey-Doers for remodeling projects that…
View servicesTransform your kitchen with Honey-Doers.
Learn moreExplore basement bar ideas for layout, storage, and style…
Read moreA 323-acre mixed-use development built around a former gravel pit turned into a lake.
Apple Valley's oldest housing, mostly 1960s and 1970s midcentury homes.
Middle card shows the hover state: brand-tinted shadow lift, label recolors to Brand, chevron nudges right ~3px.
Same statement/button structure at three weights: dark full-section, light full-section, and a compact in-content version for blog body copy.
Ready to start your project? Get a free estimate from our team, no pressure, no obligation.
Ready to start your project? Get a free estimate from our team, no pressure, no obligation.
Honey-Doers has served Twin Cities homeowners for 30+ years. Let's talk about your home.
Get a Free EstimateLarger compositions built from the primitives above.
When we started Honey-Doers, our mission was simple: help people get back to what they love.
Common challenges we solve:
Outdated cabinetry, undersized islands, closed-off layouts, insufficient storage, aging lighting.
The nested Surface callout and closing CTA are optional for longer service-page copy, not present in the shorter About-page version.
Expert craftsmanship, no shortcuts.
We live and work here.
We listen first, then plan.
No hidden costs, no surprises.
We're grateful for the customers who vouch for us.
A brand-colored intro banner precedes a vertical center line with numbered clock markers.
We learn your vision, goals, and current state.
| Project Type | Estimated Duration |
|---|---|
| Cosmetic Update | 3–4 weeks |
| Midrange Remodel | 4–6 weeks |
| Full Renovation | 6–8+ weeks |
Solid Brand header, zebra-striped Surface rows. Caption line below is italic, muted, centered.
Headline font here is a display exception, see Brand Guide · Typography.
Blog-specific layout, not covered by the Cards section above.
Watch Out
None of these red flags is disqualifying on its own. What matters is whether the pattern fits.
On This Page
Full-bleed image carousel on dark ground, rounded-2xl (16px) frame. Bottom-anchored caption over a black gradient: location in Brand tint, title in white.
Lakeville, MN
rounded-xl cards, single expanded at a time per column, Brand-light hover on the trigger row, plus (+) icon rotates 45° to an X on open.
Social proof
Trust badges, headshots, and the dedicated guarantee callout.
Trust badges
Built to Last
Quality materials, no shortcuts.
Proven Trust
500+ verified 5-star reviews.
Seamless Experience
Clean worksite start to finish.
Licensed & Insured
Bonded and insured in Minnesota.
Clean worksite promise
Our Guarantee
Our Clean Worksite Promise
Checkmark uses the Gold affirmative token, see Brand Guide · Color.
Headshots
Rick Berres
Adam Berres