Maison Digital
Elegant digital house portfolio with refined design and luxury aesthetics.
Main Features of Maison Digital
How to Use Maison Digital in Next.js
Installation Guide for Maison Digital
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
primaryColor | string | #1a1a1a | Primary elegant color (typically dark/black). |
accentColor | string | #c9a961 | Luxury accent color (gold/champagne tone). |
spacing | string | generous | Spacing style: 'generous', 'compact', or 'minimal'. |
enableParallax | boolean | true | Enable parallax scrolling effects. |
Related Components
Cartoonish
Playful cartoon-style hero section with fun animations and vibrant colors.
Draggable
Interactive hero section with draggable elements and smooth physics-based interactions.
Glass Operating System
Glassmorphism hero section with frosted glass effects and modern OS-inspired design.
When to Use
Best Practices
Why This Component Matters in Modern UI Development
Frequently Asked Questions
QWhat does 'Maison' mean?
In design, 'Maison' (House) refers to a curated, high-end collection or studio. The interface reflects this through precision grids and luxury-focused spacing.
QIs the parallax customizable?
Yes, the `enableParallax` prop allows you to toggle the depth effects for a more static, stable editorial look.
QHow does 'Spacing' work?
The `spacing` prop (generous, compact, minimal) allows you to control the entire section's airiness to fit your content's specific density.