MAISON ✦

AI Interior Design Architect

Point your camera at any room. MAISON uses Claude's vision AI to analyze the space and generate expert interior design recommendations — across 36 curated styles, 24 room types, and 25+ focus areas.

Features

36 Design Styles across 6 Categories

Category	Styles
Timeless Classics	Minimalist, Scandinavian, Japandi, Mid-Century, Traditional, Transitional
Modern & Urban	Contemporary, Industrial, Loft, Brutalist, Bauhaus, Hi-Tech
Warm & Natural	Bohemian, Rustic, Cottagecore, Wabi-Sabi, Biophilic, Tropical
Luxury & Refined	Luxury, Art Déco, French Classic, Maximalist, Baroque, Hollywood Regency
Global & Cultural	Mediterranean, Moroccan, Japanese, Colonial, Nordic, Southwestern
Niche & Playful	Coastal, Dark Academia, Grandmillennial, Retro 70s, Zen, Eclectic

24 Room Types

Living Room · Bedroom · Kitchen · Dining Room · Bathroom · Home Office · Kids Room · Nursery · Master Suite · Study · Home Gym · Hallway · Balcony · Basement · Attic · Laundry · Mudroom · Sunroom · Media Room · Walk-in Closet · Garage · Outdoor · Artist Studio · Commercial

Focus Areas (25+)

Grouped into: Spatial, Aesthetic, Light & Atmosphere, Practical, Investment

Brief Builder

Budget range (Low / Mid / High / Luxury)
Occupant type (Solo / Couple / Family / Seniors)
Priority tags (Storage, Light, Accessibility, Pets, WFH, Entertaining, Eco, Kids)
Free-text custom notes

Each Analysis Returns

Priority Change — the single highest-impact action
Room Assessment — current state diagnosis
5 Recommendations — specific and actionable
Color Palette — 4 swatches with hex codes (click to copy)
Materials & Textures — tailored to the style
Lighting — specific recommendation
Mood Words — atmosphere descriptors
Budget Tip — advice matched to your selected range
4 Score Meters — Space Use, Light, Style Match, Potential

Getting Started

No build step. No server. Open index.html in a modern browser.

maison/
├── index.html
├── css/
│   ├── base.css        ← variables, reset, typography
│   ├── layout.css      ← topbar, app grid, stage, sidebar
│   ├── components.css  ← pills, tabs, chips, buttons
│   ├── panels.css      ← results feed, empty states
│   └── cards.css       ← analysis card, loading card, scores
├── js/
│   ├── data.js         ← all styles, rooms, focus areas
│   ├── ui.js           ← renders panels, manages selection state
│   ├── camera.js       ← camera stream, frame capture, upload
│   ├── analyzer.js     ← Claude API integration
│   └── app.js          ← main controller
└── README.md

API Key

The Anthropic API key is handled automatically inside the Claude.ai artifact environment. For standalone deployment, add your key to js/analyzer.js in the fetch headers:

headers: {
  'Content-Type': 'application/json',
  'x-api-key': 'YOUR_API_KEY_HERE',
  'anthropic-version': '2023-06-01',
}

Usage

Action	How
Start camera	Click Activate Camera or `Ctrl+Shift+C`
Upload a photo	Click 📁 or switch to Upload mode
Analyze	Click Analyze Room or `Ctrl+Enter`
Auto scan	Switch to Auto Scan mode (every 20 seconds)
View history	Click ◫ in the top-right corner
Clear results	Click × next to the reports count
Copy a color hex	Click any color swatch

Architecture

User action
    │
    ▼
App.captureAndAnalyze()
    │
    ├── Camera.captureFrame()  ← JPEG from live video or canvas
    │
    ├── UI.getState()          ← style, room, focuses, brief
    │
    ├── Analyzer.analyze()     ← builds system prompt + calls Claude
    │       └── Claude Sonnet Vision API
    │               └── JSON response
    │
    └── UI.addAnalysisCard()   ← renders card with scores, palette, etc.

The system prompt is constructed dynamically from the selected style, room type, focus areas, and brief — giving Claude full context to tailor recommendations precisely.

Design

Visual language: luxury architectural studio — warm ivory, charcoal, gold accents, grain texture overlay.

Cormorant Garamond — serif display font, editorial weight
DM Sans — clean UI body text
DM Mono — metadata, labels, codes
Color palette: #F7F3EE ivory · #2C2825 charcoal · #B8965A gold

Roadmap

Export analysis as PDF report
Side-by-side before/after comparison
3D furniture placement overlay (WebXR)
Saved style presets
Share analysis as image card
AR mode for mobile
Multi-room session export

Credits

AI: Claude by Anthropic
Fonts: Google Fonts — Cormorant Garamond, DM Sans, DM Mono

License

MIT

Downloads last month: -; Downloads are not tracked for this model. How to track

Inference Providers NEW

This model isn't deployed by any Inference Provider. 🙋 Ask for provider support