Uilora Dusk Archive
Uilora Dusk — warm cinematic masonry grid with amber overlays, Georgia serif typography, and a golden-hour editorial mood.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| images | string[] | [/* 9 Unsplash URLs */] | Array of 9 warm-toned image URLs for the dusk tile grid. |
| backgroundColor | string | "#0f0908" | Deep warm-black background evoking nightfall. |
| accentColor | string | "#d4915a" | Amber/rust accent for labels, numbers, and highlight cards. |
| heading | string | "Uilora Dusk" | Large editorial heading in the hero section. |
| tagline | string | "The golden hour collection." | Italic tagline below the heading. |
When to Use
Use Uilora Dusk for photography portfolios, travel editorial, lifestyle brands, and any context where warm cinematic moods communicate luxury and atmosphere. Perfect for golden-hour and nature collections.
Best Practices
Use warm-toned photography for maximum effect — the amber overlay (mixBlendMode: multiply) enhances existing warm tones. Each tile's overlayColor is individually tuned; pass consistent rust/amber values for a cohesive duotone look.
Why This Component Matters
Uilora Dusk helps you build premium Uilora-powered editorial interfaces that feel like curated photography books. The warm overlay system transforms standard image grids into atmospheric, emotionally resonant experiences.
FAQ
QHow does the warm overlay work?
DuskTile applies brightness(0.68) + saturate(0.85) to images, then overlays a semi-transparent warm color via mixBlendMode: multiply, plus a dark gradient for text legibility.
QCan I change individual tile overlay colors?
The overlays array inside the component defines per-tile colors. You can export it as a prop or modify the component to accept an overlays array.
QWhat fonts are used?
Georgia / Times New Roman for headings (editorial serif) and Courier New monospace for labels and HUD-style metadata text.
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.
Built something cool?
Share your work with 10k+ devs — or tell us how we can improve.