01
Conversion
Consultation and contact forms with browser validation, error messaging, loading-style success feedback, and a simulated redirect to /thank-you. No data is persisted or transmitted.
Home, Design & Construction
Cedar & Current — Sustainable Design-Build
Cedar & Current is a premium, responsive static website concept for a fictional Portland, Oregon sustainable design-build studio.
Home, design, and construction websiteconstructiondesign-buildhomematerial
Visit live website ↗cedar-and-current.vercel.app
Project type
Home, design, and construction website
Industry
Home, Design & Construction
Experience
Responsive web experience
Availability
Live deployment
Project overview
Inside the Cedar & Current — Sustainable Design-Build experience
Cedar & Current is a premium, responsive static website concept for a fictional Portland, Oregon sustainable design-build studio. It is designed to communicate a climate-first residential offer—high-performance homes, deep energy retrofits, passive design advising, and resilience planning—while making the conversion path to a consultation clear and calm.
The visual direction is called Climate Ledger: Pacific Northwest warm modernism, tactile natural materials, light tonal depth, and editorial performance notation. The site was built as a portfolio-quality frontend demonstration and does not represent an operating construction business or collect inquiry data.
Routes | Home, Services, Projects, project detail, Process, About, Service Areas, Journal, Request Consultation, Contact, Thank You, and 404 pages.
Experience details
Key features and interaction highlights
02
Signature interaction
The Performance Assembly moves from orientation through envelope, insulation, heat pump, solar/battery, and finished home.
03
Navigation
Responsive sticky header, desktop navigation, animated mobile drawer, complete footer navigation, and normal forward route navigation resets to scrollY = 0.
04
Editorial content
Services, project-note listings, a detailed Wildwood Passive House case-study style page, technical process, service areas, field-note journal, FAQs, and contact paths.
05
Responsive behavior
Intentional layouts at mobile, tablet, desktop, and wide desktop breakpoints. The hero, project rail, performance scene, forms, galleries, and grids recompose for small screens.
06
Accessibility
Semantic landmarks, skip-ready main target, meaningful labels, keyboard-visible focus, touch-sized controls, accessible accordions/tabs, image alt text, and a prefers-reduced-motion fallback.
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 CSSGSAPWouterNode.js
Project FAQ
Questions about Cedar & Current — Sustainable Design-Build
What is Cedar & Current — Sustainable Design-Build?
Cedar & Current is a premium, responsive static website concept for a fictional Portland, Oregon sustainable design-build studio.
Who is the Cedar & Current — Sustainable Design-Build website designed for?
Typography pairs DM Serif Display for architectural editorial hierarchy with Manrope for navigation, labels, metrics, form controls, and body copy. The inline brand mark is a custom cedar-growth-ring/current symbol designed for this concept.
What does the Cedar & Current — Sustainable Design-Build experience include?
The documented experience includes conversion, signature interaction, navigation, editorial content. The live website shows the complete interface and interaction flow.
Can I view Cedar & Current — Sustainable Design-Build online?
Yes. Use the “Visit live website” link on this page to open the current public deployment.
