Grids & Layouts
Wabi Sabi Layout
Japanese-inspired bento grid with wabi-sabi aesthetics and imperfections.
bentowabi-sabijapaneseimperfect
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
imageSrc | string | https://images.unsplash.com/photo-1542885421-3fb3de1f9f0b?q=80&w=686&auto=format&fit=crop | Main image source URL. |
imageAlt | string | Stone | Main image alt text. |
imageTitle | string | Silence | Image title overlay text. |
quote | string | Nothing lasts, nothing is finished, and nothing is perfect. | Quote text. |
colorBlockIcon | React.ReactNode | Color block icon component (optional). | |
detailNumber | string | 01 | Detail section number. |
detailText | string | Embrace the beauty of the incomplete. | Detail section text. |
bottomTitle | string | The Collection | Bottom card title text. |
bottomSubtitle | string | Spring / Summer 2025 | Bottom card subtitle text. |
backgroundColor | string | #E6E4DC | Background color (hex, rgb, or hsl). |
colorBlockColor | string | #4A5D4F | Color block background color (hex, rgb, or hsl). |
borderColor | string | #AFA99E | Border color (hex, rgb, or hsl). |
textColor | string | #3E3D38 | Text color (hex, rgb, or hsl). |