About This Template
A premium, framework-free HTML/CSS/vanilla-JS template for architecture studios, interior design practices, and master planning consultancies. Built bespoke from the subject — not a recolored scaffold.
VOSSEN is part of the uiuxlabz collection — a set of premium, framework-free HTML templates designed from each subject to feel genuinely unique. Open the folder, edit the text and tokens, and you have a production-ready website for a real estate & construction business.
Key Features
- ✓Blueprint bar — studio status indicator with project availability
- ✓Hero elevation — grid-line background (graph paper), spec-box with studio metadata
- ✓Material strip — 7 color swatches mapping palette to building materials
- ✓Readout stats — 4-cell data band with count-up animation
- ✓Projects grid — 2×2 project cards with blue underline hover, location, type tags
- ✓Feature split — alternating image + text sections for discipline details
- ✓Services grid — 6 service cards with icon, material-themed top-bar
- ✓Material palette — 5 material chips (Concrete, Steel, Oak, Limestone, Glass)
- ✓Engagement tiers — 3 models (Feasibility/Full Design/Consulting) with featured highlight
- ✓Testimonials — 3-column cards with star ratings
- ✓Contact form — project type + budget + timeline selects, inline validation, no `alert()`
- ✓Dual-office info — Copenhagen + Berlin with addresses, phones, licensing
- ✓Scroll reveals — IntersectionObserver with staggered delays (`.d1`…`.d4`)
- ✓Count-up animation — stats count from 0 to target on scroll
- ✓Active nav — auto-highlight via `location.pathname`
- ✓Footer year — `[data-year]` auto-fills current year
- ✓Reduced motion — `@media (prefers-reduced-motion)` disables all animation
- ✓Original imagery — 33 source images from Arkitektur (`assets/img/`): `Arkitektur.jpg`, `about-1/2.jpg`, `carousel-1/2/3.jpg`, `icon-1..10.png`, `project-1/2/3/4.jpg`, `service-1..6.jpg`, `team-1..4.jpg`, `testimonial-1/2/3.jpg`