The brand, in one breath.
A trusted neighbor who happens to be a renovation expert. Professional yet warm. Knowledgeable yet approachable. Confident enough to charge premium prices, humble enough to listen first. Built by people who care about the details most contractors skip.
Direct without being blunt. Warm without being saccharine. Specific without being a brochure. The website reads in third person, never “we.” The visitor is meeting Wright’s, not being talked to by it.
Eight weeks, demo to keys. Forty-two decisions. Three trades sequencing through.
The Mitchells wanted a kitchen for the long evenings. So that is what the team built.
Cambria Brittanicca Warm quartz, mitered edge. Schuler inset cabinetry in painted maple. Top Knobs Aspen II hardware.
The house-and-W mark is the most recognized asset the company owns, set in two fixed brand colors that stand apart from the orange website palette. Use approved files only. Never recolor the mark into Solaris or any palette color, never stretch or rotate it, and never place the full-color mark on a busy photo or dark fill.
Primary lockup · light surfaces
Reversed lockup · dark surfaces
Square lockup · social profile
Mark only · favicon, avatar
Website pages use third person, “Wright’s Renovations” or “the team,” never “we.” Blog posts use Connor’s first person. Prefer create over build, transform over remodel, craft over construct. No em dashes anywhere in finished copy.
Color system.
Wright’s leans on five colors every day: dark blue, orange, oatmeal, grey, and white. Everything below is the full system that supports them. Click any swatch to copy its hex.
Use the 500 for CTAs and key moments, the 50 to 200 for backgrounds and quiet tints, the 700 to 900 for hover, press, and accessible text on light surfaces.
Page backgrounds, soft callouts, testimonial blocks. Cream-50 is the default page background; cream-100 is the next step deeper.
Ink-900 is the primary text color, never pure black. Ink-700 is body copy. Ink-500 is muted and secondary. Ink-200 is hairline borders. Ink-50 is the coolest surface tint.
Reserved for status messages, form validation, and alerts. Each pair: a tint for backgrounds, a 500 for icons and borders.
Typography scale.
Playfair Display for headlines and editorial moments. DM Sans for body, UI, and product copy. JetBrains Mono for labels, code, and metadata. All sizes are fluid and scale with the viewport.
clamp 4.25 to 6.5rem
clamp 3.5 to 5rem
clamp 2.75 to 3.75rem
clamp 2.25 to 3rem
clamp 1.875 to 2.25rem
clamp 1.5 to 1.75rem
clamp 1.25 to 1.4375rem
clamp 1.125 to 1.25rem
clamp 1.25 to 1.4375rem
clamp 1 to 1.0625rem
clamp 0.75 to 0.8125rem
0.18em tracking
clamp 1.875 to 2.25rem
Spacing and layout.
A 4px base scale keeps rhythm consistent. Sections breathe, never less than space-16 between major blocks. Magazine, not brochure.
Radii and shadows.
Rounded but not soft. Most surfaces use radius-xl (18px). Pill controls go full. Cards lean lg. Shadows are warm-tinted toward ink-navy, never grey.
Icon library.
Stroke-based, 24 by 24 viewBox, 1.75 stroke width, currentColor. Built to feel hand-drawn and crisp at once. Use at 16, 24, 32, and 48px. On the live site these ship as base64 CSS background images, never inline SVG, because the sanitizer strips inline markup.
Button system.
Five variants, four sizes. All states are declared across link, visited, hover, active, focus, and disabled, so they survive Kadence and browser defaults.
Form controls.
Inputs feel substantial: 44px tap targets, clear focus rings, generous internal padding. Validation states use the semantic palette.
Badges and tags.
Badges carry status. Tags carry filters and categories. Both stay quiet so the surrounding content can lead.
Avatars.
Five sizes, plus a group treatment for team stacks and testimonial attribution. Default uses a cream-orange tint with a monogram; replace with a real photo when available.
Nav bits.
Breadcrumbs help readers feel oriented inside silo URLs. Pagination handles long location and blog indexes.
Alerts and tooltips.
For inline confirmations, soft warnings, validation summaries, and explanatory hover bubbles. Keep copy short and human.
The team handles structural modificationsLoad-bearing wall removal and engineered beam installation in-house. and partners with licensed specialists for heated flooringElectric mat or hydronic, depending on the room and smart-home wiring..
Card system.
Four variations cover the most common content types: services, locations, projects, and blog. All share the same base; only the eyebrow, media treatment, and footer change.
Kitchen remodeling, designed around how your family cooks
Layouts that move, cabinetry that lasts, and a process that respects your morning routine.
Renovations for Birmingham’s historic and contemporary homes
Serving Birmingham, Bloomfield Hills, and Beverly Hills across Oakland County’s premium market.
The Hartwell project: a 1920s craftsman, restored and expanded
A 22-week transformation that added 840 square feet and a master suite.
What a kitchen remodel actually costs in Ann Arbor
Three real remodels, starter to luxury, with full budget breakdowns.
Stats and social proof.
Numbers do heavy lifting on trust. Display them confidently: large Playfair weight with monospace labels.
Process timeline.
The four-step Wright’s process. Use it anywhere the team explains how a project actually unfolds: service pages, the about page, proposals.
Discovery
A no-pressure in-home conversation. The team measures, photographs, and listens to how your family uses the space.
Design
Floor plans, 3D renderings, and a fully itemized proposal, so you see the project before a single wall comes down.
Build
An in-house crew, a dedicated project manager, and real-time progress updates through your project portal.
Reveal
A walkthrough, a punch list closed, and a two-year workmanship warranty handed off with the keys.
Testimonial blocks.
Testimonials follow the Wright’s standard: 150 to 250 words, first name and last initial, location, and a specific team member named. Cream surface, italic Playfair quote, attribution at the bottom.
Our 1920s kitchen had been on the to-do list for a decade. Katherine walked us through every option without ever pushing the most expensive one, and the crew treated our house like their own family lived here. Twelve weeks later we have a kitchen that finally fits how we cook.
Pricing tiers.
Three-tier price transparency, calibrated to real project ranges. The middle tier is featured by default, because most projects land there.
- Cabinet refacing with soft-close hardware
- Level 1 to 2 quartz countertops
- Subway tile backsplash
- Standard appliance package
- Two-year workmanship warranty
- Custom cabinetry with crown molding
- Level 3 to 4 quartz or granite
- Designer backsplash with accent tile
- Professional appliance package
- Layout modifications and lighting design
- Full custom cabinetry, specialty finishes
- Exotic stone and engineered surfaces
- Structural modifications included
- Chef-grade appliance suite
- Project manager and 3D renderings
FAQ accordion.
Click to expand. Each item handles a real homeowner concern, the kind that shows up in proposal review calls and discovery meetings.
How long does a typical kitchen remodel take?
From the day the first wall is touched, most kitchen remodels run between six and ten weeks. The bigger variable is the design phase before construction starts, which ranges from three to six weeks depending on selections and structural complexity. Wright’s keeps families informed of the schedule in writing every Friday afternoon.
Do you handle the permits?
Yes. Wright’s pulls every permit the project requires, building, electrical, plumbing, and mechanical, and coordinates all inspections. Homeowners are never the ones standing on the porch waiting for the inspector.
What happens if something unexpected is found behind a wall?
It happens. Old wiring, ungrounded plumbing, a missing header. When something turns up, the project manager walks the homeowner through what was found, what the options are, and what each option costs. No surprises hidden in the next invoice.
Can we live in the house during construction?
For most single-room projects, yes. For whole-home renovations that take heating or plumbing offline for weeks, the team discusses whether temporary arrangements make more sense. That conversation happens before contracts are signed, not after.
Is there a warranty on the work?
Two years of workmanship coverage on everything Wright’s installs, plus pass-through of manufacturer warranties on cabinetry, appliances, fixtures, and surfaces. If something fails inside that window, the team comes back and fixes it.
Site header.
The persistent top navigation. Backdrop blur keeps it elegant when content scrolls underneath. The phone number lives on the right, next to the primary CTA.
Hero variants.
Four heroes, each calibrated to its page type. Homepage leads with an editorial split. Service pages center the headline. Location heroes go dark with a facts strip. Blog headers stay quiet.
Built for how you live.
Wright’s Renovations transforms Southeast Michigan homes with the kind of craftsmanship usually reserved for projects ten times the size, and the kind of transparency you wish you’d had on the last one.
A renovation worth waiting for.
Custom cabinetry, transparent pricing, and a team that treats your house like their family lives there.
Renovations for Birmingham’s most loved homes.
Wright’s has built kitchens, bathrooms, and additions across Birmingham, Bloomfield Hills, and Beverly Hills for nearly a decade.
What a kitchen remodel actually costs in Ann Arbor in 2026
Three real Wright’s projects, fully broken down, starter, premium, and luxury, plus the trade-offs each family made and what they would change.
Image and text rows.
Alternating image and text, the workhorse of service and about pages. Add .wri-imgrow–reverse to flip the image to the right.
A long, no-pressure conversation.
Wright’s begins every project the same way, sitting at your kitchen table, looking at the space you actually live in, and asking the questions a designer would ask before anyone reaches for a measuring tape.
- Detailed measurements and photography of the existing space
- A budget conversation that names a real range, not a vague maybe
- An honest read on what is possible inside your timeline and budget
CTA bands.
Two variants. A dark navy band for the bottom of high-intent pages, marked with a thin Solaris rule. A quiet cream band for the middle of content, where a softer nudge is more appropriate.
Ready to start the conversation?
A no-pressure consultation at your kitchen table, to see the space, talk timeline, and walk through what a project would really cost.
Not quite ready? Browse recent projects.
See real before-and-afters with full budget breakdowns, timelines, and the decisions each homeowner made along the way.
Site footer.
The final stop. Dark surface with the reversed logo, organized link columns, contact and certification details in the bottom bar.
A design-build renovation company serving Southeast Michigan from headquarters in Ypsilanti. Contracting done Wright.
7101 Platt Rd · Ypsilanti, MI 48197
Services
- Kitchen remodeling
- Bathroom renovation
- Basement finishing
- Home additions
- Outdoor living
- Commercial
Company
- About Wright’s
- The team
- Our process
- Portfolio
- Journal
- Careers
Trust signals.
Most of the gap between quote sent and signed is closed before the quote arrives, through visible third-party validation, real review counts, and credentialing that quietly tells a homeowner this team will not disappear after the deposit.
A quiet row of third-party badges. Render in monochrome navy on cream, colorized only on dark surfaces or when a single badge gets the spotlight.
A single block that pulls the star rating, total review count, and most recent reviews. The visible total is what converts a vague claim into a verifiable fact.
“From the first walk-through to the final punch list, Wright’s treated our kitchen like it was the only project they were on. They kept the budget within 2 percent of the quote.”
Some homeowners look for license and bond information before agreeing to a consultation, especially on projects above $50,000. Make these numbers easy to find.
Budget tiers.
Three price-bands tied to scope, finishes, and complexity. Setting expectations early, before a homeowner picks up a quartz sample, is the single biggest lever on shortening the quote-to-signed cycle.
Refresh a tired space without rebuilding the bones. Same footprint, same plumbing, smarter materials.
- Semi-custom cabinets, Schuler or Kemper
- Quartz countertops, level 1
- Mid-grade plumbing, Moen or Delta
- Existing footprint preserved
- 4 to 6 week timeline
A meaningful redesign with light structural work. Walls move, light reconfigures, the room finally works.
- Custom or semi-custom cabinetry
- Quartz or quartzite countertops
- Light wall reconfiguration
- Designer plumbing and lighting
- 6 to 10 week timeline
A full architectural redesign. Open the kitchen to the dining room, raise a ceiling, take the bath to studs.
- Full custom cabinetry
- Premium stone or specialty surface
- Structural changes, permits managed
- Architectural lighting plan
- 10 to 16 week timeline
| Wright’s Renovations | Typical general contractor | DIY / handyman | |
|---|---|---|---|
| Fixed budget at signing | Within 2%, guaranteed | Sometimes | No |
| Designer included | Yes | Separate hire | No |
| Permit management | Yes | Usually | Homeowner pulls |
| Lead-time visibility | Week by week | Phase milestones | Self-managed |
| Single point of contact | Project manager | Sometimes | No |
| Warranty | Two years comprehensive | One year typical | None |
Service area.
Six counties across Southeast Michigan, with the strongest concentration in Washtenaw and a growing presence in Oakland. The map is a visual qualifier: homeowners outside the radius self-select out, and homeowners inside it see themselves on the page before they read a word.
Sticky conversion.
Persistent CTAs that travel with the homeowner down a long-form page. The mobile bottom bar in particular tends to be the highest-converting single element on service and project pages.
Talk to Wright’s.
A no-pressure consultation. 30 minutes at your kitchen table.
No spam, no high-pressure follow-up. A real person responds within one business day.
Quote breakdown.
A line-itemized proposal with category subtotals, percentages, contingency, and a visible grand total. Transparency at the line-item level is the second-biggest lever on shortening the quote-to-signed cycle, after tier qualification.
Mitchell kitchen remodel
8%, refunded if unused at close+ $6,274
Editorial patterns.
The building blocks of the long-form content engine. At 15 articles a week and growing, every pattern here gets reused thousands of times.
Started Wright’s at 19 framing decks in Washtenaw County. A decade and 600-plus projects later, the shop runs design-build kitchen, bath, basement, and addition projects across Southeast Michigan.
The single biggest predictor of a project running over is not the scope. It is the number of decisions still open when demolition starts.
The Mitchell kitchen during install week four, cabinetry set, countertops template-cut, tile staged for Monday. Photo · J. Pierce
Real budgets, real timelines, real decisions. Straight from the job sites.
Modals and overlays.
Four overlay patterns shown inside dimmed stages that mimic real screen placement. Dialog for confirmation and short forms, lightbox for galleries, drawer for mobile menus, toast for non-blocking feedback.
Empty, loading, error.
The states between content. Loading skeletons that do not feel like a loading screen. Empty states that suggest a next step. Error and 404 patterns that hold the brand voice instead of throwing the homeowner out of the site.
No projects match those filters
Try a wider price band, a different scope, or a neighboring city.
That didn’t go through
A connection issue stopped the form from sending. Try again, or call (734) 540-0347.
That page moved
Head back to the home page, or browse the project gallery while you’re here.
Motion and delight.
Patterns that make the site feel built rather than templated. Each is opt-in via a class or data attribute, each respects prefers-reduced-motion, each degrades gracefully on touch. Hover the live demos to feel them.
Magnetic call-to-action live
.wri-magnetic · 25% cursor offsetPrimary CTAs lean toward the cursor at quarter strength, then spring back on leave.
Hover underline draw live
in from left, out to rightEvery inline link gets the Solaris underline that slides in on hover and out on leave.
Animated stat counters live
count up 1.6s · ease-out · tabularNumbers count up from zero when the block enters the viewport. Scroll them into view.
City marquee live
infinite loop · edge fadeA slow loop of Playfair italics on the navy band, with Solaris stars between town names.
Split-text scroll reveal live
per-character · 30ms stagger · runs onceHeadlines split into per-character spans and settle into place letter by letter on a viewport trigger.
Paper grain texture live
SVG fractal noise · low opacity · multiplyA fixed noise overlay adds warmth and weight without adding bytes.
Signature moves.
The elevated layer, ten interactions that take the experience from professional to bespoke. Every pattern is opt-in, respects reduced-motion, and falls back cleanly on touch.
3D card tilt with depth live
tracks cursor · max 10degCards tilt subtly on two axes tracking the cursor, releasing on leave.
Hover spotlight live
Solaris radial · follows cursorA soft warm glow rides above dark sections, anchored to the cursor. Move inside the stage.
watch the warmth follow.
Image follows the cursor documented
portfolio interaction · lerp-smoothedHover a project link and a photo of that project floats with the cursor, crossfading between projects. The signature move.
Atmosphere drift on scroll documented
data-atmosphere · 900ms lerpThe page background lerps between cream, warm cream, navy, and a Solaris finale as sections take the viewport center.
Variable font weight morph documented
DM Sans weight axis · per-letterLetters closer to the cursor thicken, letters further away thin. Requires the variable font file.
Page-load curtain reveal documented
mark draws itself · once per sessionA full-screen curtain with the W mark drawing itself, then wiping upward to reveal the page. Replaces the generic spinner.
Governance and the brand card.
A reference nobody enforces is a mood board. This one has owners, a review cadence, and canonical facts that outrank memory when they disagree.
- tagline
- Contracting done Wright. A promise about conduct, not a pun.
- phone
- (734) 540-0347 · tel:+17345400347. This is the only number in copy or markup.
- address
- 7101 Platt Rd, Ypsilanti, MI 48197 · Mon to Fri, 8:30 AM to 4:30 PM
- license
- Michigan builder license #2102236887, fully insured.
- reviews
- 5.0 average from 50 verified reviews. Update only against a real current pull.
- type
- Playfair Display for headlines, DM Sans for reading, JetBrains Mono for labels and data. Sentence case everywhere, no em dashes anywhere.
- color
- Cream ground, ink-navy type. Orange is a scarce accent for links, focus rings, form toggles, and one italic accent word, never a routine fill. Orange text on light is always #C03917.
- buttons
- Primary is ink navy with a white label on light surfaces, and inverts to a white fill with an ink-navy label on dark. Secondary and outline carry parallel and utility actions. Orange is never a button fill.
- logo
- Fixed marks in logo navy #0E1236 and logo blue #3E58A7, outside the digital palette. Never recolored, stretched, or rotated. Reversed white version on dark surfaces.
- links
- Absolute, https, non-www, trailing slash, verified live. At least one internal link per 100 words.
- owner
- Diller, Chief Growth Officer. Final call on execution, copy, and design standards.
- approver
- Connor Wright, Founder. Approves positioning, the logo, the homepage hero, and anything that changes what the company promises.
- cadence
- Banned-words audit on the first of each month. Full review each January or on any repositioning.
- precedence
- The live site outranks internal docs on URLs. This reference outranks taste.
How to ship a module.
Copy the markup into a Kadence block, ship its CSS as a WPCode snippet, swap the demo copy for real copy, run the gates, and publish. Tokens already live in the Customizer, so never redefine or hardcode them.
Copy the markup into a Kadence Custom HTML block. Copy its CSS into a new labeled WPCode snippet, Site Wide Header, Auto Insert. Never redefine the tokens.
Swap the demo copy for real copy, then run the gates: forbidden words and no widows on the words, QA on the built file. Icons ship as base64 CSS background images, never inline SVG.
Keep internal links absolute, https, non-www, with a trailing slash. The only phone number is (734) 540-0347.
Publish, purge the CDN, retest in an incognito window, and grep the page source for one known string from your new CSS. “It did not work” is usually a stale cache.
Every image ships with alt text, width, height, and lazy loading below the fold. Swap stock photos for real Wright’s project photography before anything goes public.
Page map and schema.
Pages are assembled, not invented. Pick the page type, take its section stack, swap the copy. Schema mirrors visible content only.
| Page type | Section stack, top to bottom |
|---|---|
| Homepage | Announcement bar, hero, service area, service cards, process, cost cards, comparison, gallery, FAQ, credentials, founder quote, footer CTA. One proof beat per page. |
| Service page | Breadcrumb, interior hero, value props, process, cost cards, portfolio card, testimonials, FAQ, related posts, footer CTA, sticky CTA on mobile. |
| City hub | Breadcrumb, interior hero with local proof, service cards, gallery, testimonials, service area, FAQ, footer CTA, sticky CTA on mobile. |
| Cost guide | Breadcrumb, post header, article body, line-item estimate, cost cards, FAQ, related posts, footer CTA, sticky CTA on mobile. |
| Blog post | Breadcrumb, post header, article body, founder quote when it fits, related posts, footer CTA. |
| Portfolio | Breadcrumb, interior hero, gallery, portfolio cards, testimonials, footer CTA. |
| Landing page | Hero, stats band, comparison, line-item estimate, testimonials, credentials, lead form, footer CTA, sticky CTA on mobile. |
Yoast is the schema engine. Hand-ship only what Yoast cannot produce, and mirror visible content exactly. JSON-LD ships as a page-targeted WPCode header snippet, never in a Kadence block, because the sanitizer strips script tags.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Service",
"@id": "https://wrights-renovations.com/kitchen/remodel/#service",
"name": "Kitchen remodeling",
"url": "https://wrights-renovations.com/kitchen/remodel/",
"description": "REPLACE with the page meta description, verbatim.",
"provider": { "@id": "https://wrights-renovations.com/#organization" },
"areaServed": [
{ "@type": "AdministrativeArea", "name": "Washtenaw County, MI" },
{ "@type": "AdministrativeArea", "name": "Oakland County, MI" }
]
}
</script>
