Limelight — Asset Specifications
Every image and video slot across the site, with the file to supply for each · desktop and mobile · 11 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)
Mobile slideImage — 1080×1820 (roughly 9:15) · separate crop for mobile
Note: Desktop: the nav bar sits on top of the image — keep the top 150px clean. The headline and button sit on the left — keep the left half of the image simple. Mobile: the text and button sit over the lower part of the image — keep the lower part 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)
Banner — tabletImage — 2100×900 (21:9) · separate crop
Note: The title and SHOP NOW button sit over the lower-left of the banner — keep the lower part calm.
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
Note: The title ("Occasions" / "Gifting") sits in the CENTRE of each tile and the site darkens the photo slightly — keep the centre simple, 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.
Mobile filmVideo — 1080×1920 (9:16) · a SEPARATE portrait video, not a crop of the desktop one
Plus a cover image, same size.
Note: A text card covers the lower part of the film on both desktop and mobile — keep the important action in the upper half.
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.
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