Botanic Layout
Organic bento grid with botanical themes, curved shapes, and Uilora branding.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| title | string | Uilora | Main title displayed in serif italic over the image. |
| description | string | Where beautiful components grow. | Subtitle text displayed below the title on the image. |
| accentColor | string | #1a3c28 | Primary dark green color used for backgrounds, text, and gradient overlays (hex). |
When to Use
Ideal for eco-conscious brands, design showcases, and applications that want an organic curved aesthetic. Use this layout to communicate growth, quality, and natural elegance.
Best Practices
Use deep, earthy accent colors that contrast well with the light background. Pair with approachable serif typography. The organic curves look best with nature-themed photography.
Why This Component Matters
Organic aesthetics communicate health, sustainability, and digital craft. This Uilora-branded template feels alive and breathing, adding a unique structural signature to your project.
FAQ
QWhat are the hardcoded stats?
The component shows 'Uilora Library v2.0', '700+ Components', and '99% Uptime' as Uilora brand defaults.
QCan I change the image?
The image URL is hardcoded as a default botanical photo. Clone the component and add an imageSrc prop for custom images.
QIs it mobile responsive?
Yes, the organic curves and grid spans are fully responsive across all device sizes.
Related Components
Editorial Layout
Asymmetric fashion-inspired bento grid with sharp edges and editorial styling, branded for Uilora.
Swiss Layout
Clean Swiss design bento grid with precise typography and minimal aesthetics, branded for Uilora.
Wabi Sabi Layout
Japanese-inspired bento grid with wabi-sabi aesthetics, imperfections, and Uilora branding.