Lumen — UX/UI Design for a Premium Architecture Studio

Sometimes, the smallest details are what give a design its personality.

For Lumen, I found myself exploring how typography, architectural photography, colour, and layout could work together to tell a story before someone even starts reading.

I played with oversized text, warm brown tones, editorial layouts, and a mobile experience that carries the same visual character as the desktop design.

I especially enjoyed putting the mobile screens together. Seeing the different sections come to life on a smaller screen made the whole concept feel more complete.

It's always interesting to see how different creative decisions can change the way people experience a brand.

What's one design detail that can make you appreciate a website even before you've explored everything?

#WebDesign #CreativeDesign #UIUXDesign #Architecture

i love this soooo wellllll, i just said welll with 4 l's thats how good this is

Ingredient X-ray: Product Ad Template Second entry · SVGator x Contra Template Challenge

What it is An animated product ad for social feeds (1080×1350, 8.4-second loop). Your product goes through an x-ray scanner, three key facts appear, and it’s revealed with a buy button.

Best for Skincare and beauty, supplements, food and drink, pet care, cleaning products: any brand with an ingredient, material or spec worth showing.

Who it’s for DTC brands, social media managers, agencies and freelancers who need a scroll-stopping product ad without animating from scratch.

What you change Product photo: one transparent, cropped PNG, swapped in a single layer. It auto-fits and sits on the belt. You can also paste vector artwork into the product group.

Logo Headline, three facts, product name and button text Backdrop, floor and button colours (optional: x-ray tint colour)

What stays automatic The x-ray view (built from your one photo), belt motion, motion blur, product shadows, studio lighting and depth, the scan, the reveal and the seamless loop.

Proof Shown with three brands: a vitamin C serum, a white cream jar and a soda can. Same animation, one photo swapped each time.

Built with the SVGator MCP through Claude. All artwork is original. Fonts are Inter and JetBrains Mono, and the demo logo lettering is converted to outlines.

An x-ray scanner reveal with three key facts and a buy button in an 8.4-second loop is a brilliant ad format, Sabik. One transparent PNG swap and the whole belt animation adapts automatically. Proving it with a vitamin C serum, a cream jar and a soda can shows real range.