01
Grid DNA
Asymmetric 12-column-inspired 5/7 and 4/8 editorial compositions, with content rails rather than repeated card grids.
Professional & Financial Services
Northline Recovery — Insurance-Ready Restoration
Northline Recovery is a premium, editorial restoration website for water, fire, mold and storm recovery. The experience is designed around Quiet Containment: a Soft Cobalt visual system that frames the first recovery conversation as a clear field record rather than an emergency-services template.
Professional services websiteinsuranceprovider
Visit live website ↗insurance-ready-restoration.vercel.app
Project type
Professional services website
Industry
Professional & Financial Services
Experience
Responsive web experience
Availability
Live deployment
Project overview
Inside the Northline Recovery — Insurance-Ready Restoration experience
Northline Recovery is a premium, editorial restoration website for water, fire, mold and storm recovery. The experience is designed around Quiet Containment: a Soft Cobalt visual system that frames the first recovery conversation as a clear field record rather than an emergency-services template.
Product boundary: The emergency request and enquiry forms are intentionally browser-local until a real CRM, email provider or intake service is connected. A completed form is not sent to an external response team from this version of the site.
The visual system uses a paper-like FBFCFF foundation, pale cobalt surfaces, thin evidence rules, and 315FCC only for decisions, active states, structural marks and calls to action. DM Serif Display provides editorial gravity for key messages, while Manrope carries practical labels, controls and longer reading.
Experience details
Key features and interaction highlights
02
Hero DNA
A three-image collage on the homepage, plus route-specific openings for claim support, the field archive, service areas and guided intake.
03
Shape language
Precise 2px control geometry, 8px media panels, and pills only for compact status/control families.
04
Brand mark
A CSS-rendered north-point made from a cobalt vertical recovery line and an offset angled line.
05
Footer
An editorial closing spread with one exterior vehicle crop, compact navigation and oversized low-opacity wordmark.
Visual gallery
Desktop details and mobile experience
Three genuine captures from the live deployment show the opening view, an interior content section, and the responsive mobile composition.
Build characteristics
Technology and delivery signals
Labels come from project documentation where available; conservative delivery characteristics are used when a repository does not specify its stack.
ReactTypeScriptViteTailwind CSSGSAPFramer MotionMotion for ReactWouter
Project FAQ
Questions about Northline Recovery — Insurance-Ready Restoration
What is Northline Recovery — Insurance-Ready Restoration?
Northline Recovery is a premium, editorial restoration website for water, fire, mold and storm recovery. The experience is designed around Quiet Containment: a Soft Cobalt visual system that frames the first recovery conversation as a clear field record rather than an emergency-services template.
Who is the Northline Recovery — Insurance-Ready Restoration website designed for?
Decision-makers comparing expertise, services, process, and opportunities to engage.
What does the Northline Recovery — Insurance-Ready Restoration experience include?
The documented experience includes grid dna, hero dna, shape language, brand mark. The live website shows the complete interface and interaction flow.
Can I view Northline Recovery — Insurance-Ready Restoration online?
Yes. Use the “Visit live website” link on this page to open the current public deployment.
