Uilora Noir Gold
Uilora Noir — cinematic black masonry grid with gold accents and editorial corner markers.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| images | string[] | [/* 8 Unsplash URLs */] | Array of 8 image URLs for the gold-tinted masonry tiles. |
| backgroundColor | string | "#080808" | Near-black background for maximum contrast. |
| accentColor | string | "#c9a96e" | Gold accent color for labels, borders, and highlight cards. |
| label | string | "Uilora Noir" | Editorial heading displayed in the header section. |
When to Use
Ideal for luxury brands, high-end photography portfolios, fashion editorials, and premium product showcases. The gold-on-black palette communicates prestige and exclusivity.
Best Practices
Use dark, moody photography with clear subjects for the best sepia-tinted effect. The GoldTile applies brightness(0.62) and sepia(0.12) — images with warm tones will look most cohesive.
Why This Component Matters
Uilora Noir helps you build premium Uilora-powered prestige interfaces. The cinema-grade black-and-gold treatment transforms standard image grids into curated gallery experiences that elevate brand perception.
FAQ
QWhat do the corner markers on tiles mean?
They are decorative UI elements — thin L-shaped gold borders in the top-left and bottom-right corners — inspired by photo print registration marks. They reinforce the luxury editorial aesthetic.
QCan I use more than 8 images?
The layout uses exactly 8 slots. Providing fewer will leave gaps. The default images array references 8 entries.
QHow do I change the gold color?
Pass a custom hex to the accentColor prop — it updates GoldTile labels, card backgrounds, borders, and stat numbers.
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.