Two Distinct Architectural Websites for Baaz Contracting
Built exclusively using the generic service capabilities, commitment pillars, and official brand signature — Built on Trust. Driven by Precision. Each website provides a bespoke look, layout, and technical architecture tailored for Baaz Contracting.
Guaranteed Aesthetic Distinction: Neither website uses the dark navy & gold palette or styling of Sree Pada Construction. Both present brand-new modern architectural palettes crafted specifically for Baaz Contracting.
OPTION 1 • WITH ALL MD FILES
Vercel & Tailwind High-Tech Edition
Inspired by SUGO's Vercel Design Language. Ultra-crisp architectural canvas, dark/light mode toggle, and complete markdown system specifications.
- Design MD Files: VERCEL_DESIGN.md, TAILWIND_CONFIG.md, ASTRO_GUIDE.md, DESIGN_SYSTEM.md
- Aesthetic: Stark white / obsidian dark mode, micro-hairlines, electric cyan & azure mesh gradients
- Interactive Features: Live Cost Estimator, Before/After Slider, Consultation Edge Modal
- Typography: Inter & Plus Jakarta Sans with JetBrains Mono badges
OPTION 2 • ZERO MD FILES
Contemporary Nordic & Emerald Edition
A distinct architectural editorial layout. Clean standalone build without external markdown design documentation, featuring warm organic materials.
- File Architecture: Streamlined, standalone HTML/CSS/JS (no extra MD files)
- Aesthetic: Warm Sandstone linen canvas, Charcoal inks, Alpine Emerald accents
- Interactive Features: 5-Stage "Foundation to Finish" Timeline, 7-Trade Categorized Filter
- Typography: DM Sans & Plus Jakarta Sans with Space Grotesk badges
Architectural & Feature Comparison
Summary of design tokens, interactivity, and documentation across both options
| Dimension | Option 1: Vercel & Tailwind Tech | Option 2: Contemporary Nordic |
|---|---|---|
| Markdown Design Docs | Included (4 comprehensive MD files) | None (Self-contained website) |
| Color Harmony | Stark White / Obsidian Canvas, Hairline Borders, Cyan & Azure Neon | Warm Sandstone, Soft Clay, Deep Charcoal, Alpine Emerald |
| Interactive Tools | Live Cost & Sqft Calculator, Drag Before/After Renovation Slider | 5-Stage Foundation-to-Finish Timeline, 3-Category Trade Filters |
| Lead Intake Flow | Floating Edge Modal with Dynamic Prefill from Calculator | Inline Luxury Intake Card with Trade Selector |
| Dark / Light Mode | Yes (Interactive toggle with local storage memory) | Nordic Organic Neutral (Warm daytime high-contrast) |
| Core Content Used | All 7 Services, 7 Why-Us Hallmarks, 4 Commitment Pillars | All 7 Services, 7 Why-Us Hallmarks, 4 Commitment Pillars |
| Sree Pada Similarity | 0% (No dark navy or gold) | 0% (No dark navy or gold) |