Limelight — Asset Specifications
Every image and video slot across the site, with the file to supply for each · desktop and mobile · 23 Sep 2026
How to read this document
- The size given is the minimum — supplying larger (up to 2×) looks sharper, never worse.
- All files compressed and optimised for web. Photos: JPEG/WebP. Cutouts: PNG/WebP with transparent background. Films: MP4.
- Where a slot shows a different shape on mobile (or tablet), a separate crop is listed — supply each crop as its own file.
- Don’t put text, buttons or tags inside the images — the site adds those on top.
- Product photos (tiles, gallery angles, thumbnails) are not listed — they come from the catalogue.
- Screenshots show the current placeholder assets — they show the slot, not the final art.
Homepage
Hero — campaign slides
Desktop slideImage — 1920×1080 (16:9)
Safe area: the nav bar sits over the top — keep the top 150px clean. The headline and button sit lower-left — keep the left 720px free of busy detail from about 480px down to 980px.
Mobile slideImage — 1080×1820 (roughly 9:15) · separate crop for mobile
Safe area: the text and button sit across the lower part — keep everything below 900px on the 1080×1820 frame clean.
Shop by Category strip
Category cutouts (7)Image — 800×800 (1:1) · transparent background (PNG/WebP) · same on mobile
Note: One image per category; the same files are reused in the menus.
Watch & Shop
Reels (5)Video — 1080×1920 (9:16) · MP4, compressed and optimised for web · same on mobile
Also supply one cover image per video, same size.
The Edits
Wide tiles (2)Image — 2400×1200 (2:1) · same on mobile
Tall tile (1)Image — 1200×1600 (3:4) · same on mobile
Square tile (1) — desktopImage — 1200×1200 (1:1)
Square tile (1) — mobileImage — 1200×1600 (3:4) · separate crop
Note: Any text on these tiles is designed into the artwork itself — no clear space needed.
Most in Demand — banner
Banner — desktop & mobileImage — 1080×1440 (3:4)
Safe area: keep the bottom 460px free of anything important — the title and SHOP NOW button sit over the lower-left, and the copy sits deepest on phones.
Banner — tabletImage — 2100×900 (21:9) · separate crop
Safe area: keep the bottom 340px free — same title and button, lower-left.
Visit a Store
Store photograph — desktopImage — 1600×960 (5:3)
The current photo is smaller than this and looks soft — please supply at least this size.
Store photograph — mobileImage — 1300×1000 (13:10) · separate crop
Occasions & Gifting
Lifestyle tiles (2)Image — 1800×1800 (1:1) · one file serves desktop and mobile
Safe area: the title sits at the exact centre of each tile — keep a central block about 700px wide and 250px tall free of anything important. The site also darkens the photo slightly, so keep the middle simple and the subject off-centre.
Trust film — Real Diamonds, Real Price
Desktop filmVideo — 1920×1080 (16:9) · MP4, compressed and optimised for web
Plus a cover image, same size. Safe area: keep the bottom 175px of the 1920×1080 frame free of anything important — a text card sits over the film, and it rides higher as the page scrolls, so keep the key action in the upper half.
Mobile filmVideo — 1080×1920 (9:16) · a SEPARATE portrait video, not a crop of the desktop one
Plus a cover image, same size. Safe area: keep the bottom 310px of the 1080×1920 frame free — the same card, same behaviour.
Our Story
Story image — desktopImage — 1080×1350 (4:5)
Story image — mobileImage — 1250×1000 (5:4) · separate crop
Founder / award photo — desktopImage — 990×660 (3:2)
A press photo with its own graphics is fine here.
Founder / award photo — mobileImage — 1250×1000 (5:4) · separate crop
Instagram strip
Feed tiles (6)Image — 1080×1350 (4:5) · same on mobile
Instagram-size exports work as-is.
Menus — featured tiles & thumbnails
Menu featured tiles (2 per category)Image — 1000×750 (4:3)Currently product photos on white — a lifestyle photo works in the same frame. The caption bar sits below the image, so no clear space is needed inside it.
Menu thumbnailsShow the category cutouts and product photos from the catalogue — nothing extra to supply
Collection page
Ring-type strip
Type cutouts (7)Image — 600×600 (1:1) · transparent background (PNG/WebP) · same on mobile
In-grid banner tiles
Banner photos (2)Image — 1080×1080 (1:1) · same on mobile
Product page (PDP)
Presentation / packaging
Packaging photo — desktopImage — 2100×1400 (3:2)
Packaging photo — mobileImage — 1400×1400 (1:1) · separate crop
Product films
Detail filmVideo — 1080×1080 (1:1) · MP4, compressed and optimised for web · same on mobile
360° spin (mobile gallery)Video — 1080×1080 (1:1) · MP4, compressed and optimised for web · mobile only
Blogs
Hero carousel
Hero images (3)Image — 1920×1080 (16:9) · same on mobile
Article cards
Card images (6+)Image — 1200×675 (16:9) · same on mobile
About Us
Hero film
Desktop filmVideo — 1920×1080 (16:9) · MP4, compressed and optimised for web
Plus a cover image, same size. Safe area: the copy starts about 290px from the top and the figures strip crosses the base — there is no single clear zone, so use footage that stays dark and even across the whole frame (like the current close-up on velvet).
Mobile filmVideo — 1080×1920 (9:16) · a separate portrait cut can be supplied; otherwise the sides of the desktop film are trimmed
Safe area: the copy runs from about 850px down the 1080×1920 frame — dark, even footage again.
Founded-in-2019 board
Lifestyle photo (tall)Image — 1200×1500 (4:5) · same on mobile
Lifestyle photo (wide)Image — 1200×675 (16:9) · same on mobile
Styled square photos (2)Image — 1000×1000 (1:1) · desktop only
Phones show just the tall and the wide photo. No text sits over any of these.
Store photographs
Store / visit photos (4)Image — 1200×1600 (3:4) · same on mobile
Four different photographs — the page currently repeats one placeholder store shot. No text sits over them. The press logos and clippings in this section come from the publications, not from you.
Note: the rocks-to-retail sequence higher up the page is deliberately illustrated — per your request (28 Sep) its store photograph and campaign film are replaced by drawings — so no photography is wanted for it; the drawings are the finished artwork, not placeholders.
Leadership portraits
Portraits (4)Image — 1200×1500 (4:5)
One portrait per person. No text sits over the portraits. The lead portrait shows square (1:1) on desktop and the other three taller (about 3:5); phones show all four at 4:5. A 4:5 file works for every frame — the taller crops trim the sides, so keep head and shoulders in the middle of the frame.
Powermark
Hero slides
Desktop slidesImage — 1920×1080 (16:9)
Safe area: keep a central block about 640px wide and 360px tall, starting 270px from the top, free of anything important — the heading and button sit there over a dark tint.
MobileImage — 1080×1920 (9:16) · a separate portrait crop per slide
Safe area: keep the band from 560px to 1,170px down the frame free.
Story & gift-box photography
Story photos (3)Image — 1200×1500 (4:5)
Phones show these square (1:1) — keep the moment inside the middle square of the frame so both crops work. No text sits over them.
Gift-box stillImage — 1000×1350 (3:4)
No text sits over it.
Why Limelight portrait
ImageImage — 1200×1600 (3:4) · same on mobile
Safe area: keep the bottom 180px free of anything important — the “Why Limelight” title sits over the bottom-left corner.
Mangalsutra Bracelets
Hero
DesktopImage — 2200×950 (about 21:9)
Safe area: keep the right 900px a quiet ground, free of anything important — the heading and copy sit there (the current photo keeps a plain wall).
MobileImage — 900×1320 (about 2:3) · a separate portrait crop
Safe area: keep the bottom 400px a clean, plain ground — the copy sits over it and the page continues seamlessly from it.
Tradition strip — lifestyle frames
Lifestyle photos (2)Image — 1200×1600 (3:4) · same on mobile
No text sits over them. The two product tiles in the same strip come from the catalogue.
Top picks banner
ImageImage — 1200×1600 (3:4) · same photo on desktop and mobile
Safe area: keep the bottom 690px free of anything important — the title, line and button sit there, and the copy block is tallest on phones. Photos that go dark toward the bottom carry the text best.
Let’s Get Real
Hero
DesktopImage — 1200×1500 (4:5)
The copy sits beside the photo on the plum ground — the photo itself stays clean.
MobileImage — 1080×1540 (about 7:10) · a separate crop
Safe area: keep the bottom 500px free — the copy sits over it, over a dark tint.
Films
Films (2)Video — 1920×1080 (16:9)
Each needs a cover frame, same size. Safe area on the cover: keep a block about 730px wide and 320px tall in the bottom-right corner free — the film title sits there. Phones show the cover as a tall window before play, so keep the subject inside the middle 9:16 of the frame.
Purity diamond
ImageImage — 1000×1000 (1:1) · same on mobile
Shown whole (not cropped) on a white ground. No text sits over it.
Resale-myth diamonds
ImageImage — 1200×1200 (1:1) · same on mobile
No text sits over it.
Cost-the-Earth diamond
ImageImage — 1400×1400 (1:1) · same on mobile
No text sits over it.
Icons (3)PNG — 500×500, transparent · same on mobile
From your icon set, supplied separately — one file per icon.
Redefine
Hero
DesktopImage — 1920×730 (about 21:8)
Safe area: keep the right 720px a quiet ground — the copy sits there (the current photo keeps a plain gold curtain).
MobileImage — 1080×1420 (about 3:4) · a separate portrait crop
Safe area: keep the top 700px quiet — the copy sits over it, with the box in the lower half.
Membership cards
Card artwork (2)Image — 900×584 (about 3:2) · same on mobile
Supplied design files, one per tier. The price and benefit lines are part of the artwork, so a price change means a new file. Safe area: a small TURN chip sits over the bottom-right corner of the card — keep about 160px × 70px there free of fine detail.
Editorial & gifting
Editorial photoImage — 1920×770 (about 5:2)
Safe area: keep the left 520px dark and quiet — the heading and offer copy sit there.
MobileImage — 1080×1550 (about 7:10) · a separate portrait crop can be supplied; otherwise the sides of the wide photo are trimmed
Safe area: keep the bottom 800px dark and quiet — the copy sits over the lower half on phones.
Gifting photoImage — 1000×1250 (4:5) · same on mobile
Currently shows the homepage’s Occasions photograph — share a new file to change it. No text sits over it.
Men’s Collection
Hero
DesktopImage — 1920×830 (about 21:9)
Safe area: keep the bottom-left corner — 900px wide, 350px tall — free of anything important; the heading and button sit there.
MobileImage — 1080×1920 (9:16) · a separate portrait crop
Safe area: keep the bottom 620px free — the copy sits across the lower part.
Category stage
Category photos (5)Image — 1000×1600 (5:8)
One tall photo per category (rings, studs, bracelets, chains…). Safe area: keep the bottom 480px free — the category name and buying tip sit there.
MobileImage — 1200×900 (4:3) · a separate landscape crop
Phones show the same slot as a wide strip. Safe area: keep the bottom 200px free.
Statement split
ImageImage — 1500×1000 (3:2) · same on mobile
No text sits over it.
Shop the look
Films (5)Video — 1080×1920 (9:16) · MP4
Plus a cover frame, same size.
Look photosImage — 1080×1920 (9:16)
The product row sits below the frame, so no clear space is needed inside it.
Watches
Hero
DesktopImage — 1920×1080 (16:9)
Safe area: keep the left 760px free of fine detail — the heading and button sit over the left side.
MobileImage — 1080×920 (about 7:6) · a separate squarer crop
The copy sits above the photo — no clear space needed.
For him / For her
Photos (2)Image — 1600×1600 (1:1)
One photo per card; the desktop and phone frames both crop out of the square. The title sits at the centre over a dark tint — a band about 400px tall across the middle of the 1600×1600 file carries it, so put the watch itself at the centre, not busy background.
Closing photo
ImageImage — 1000×1000 (1:1) · same on mobile
No text sits over it. The watch cutout beside it comes from the catalogue.
Blog articles (template)
Article banner
Banner (per article)Image — 1920×1080 (16:9) · same on mobile
One banner per article — the same artwork is used for sharing previews (og:image). The page never puts text over the banner: any lettering in it is part of your own artwork. Photos inside the article come from the story itself, and the “More stories” cards show each article’s own banner automatically.