Rays is a Shopify theme from Almost Perfect Studio, built as a preset of their Zap theme and dressed for a sunscreen and skincare brand. One hot orange does almost all the work: the logo, the uppercase Roboto headlines, the buttons and the full-width bands all sit on a warm off-white. The hero pairs "Protection you can feel" with a sunscreen tube floating in a blue sky, and a spinning circular sticker beside it adds a bit of play. Body text is set in Besley, a serif, which softens all that bold uppercase.
Below the hero, the homepage moves through a product carousel, a quote band with press logos, a scrolling free shipping ticker, a before and after slider on a close-up of skin, a three-point benefits block, a creator gallery styled like social posts, and a newsletter signup. The product page has a thumbnail gallery, size buttons, a quantity stepper and a live stock count next to Add to Cart. The header carries currency and language switchers, search and account links, and the Features menu opens a demo page for each section type. We like that last part: you can see every block the theme offers before you commit.
On a 390px phone the headline stays big, the star line stacks above it, and the product image drops below the Shop Now button. The orange offer bar and cart link stay pinned at the top.
We'd pick Rays for a small beauty or personal care brand with a short product line and good lifestyle photos. One thing to plan for: the look leans on a single loud color, so if your brand palette is quieter, expect to retune most sections rather than just swap the logo.
Based on the live demo, viewed on desktop and on a phone. The Design and Dev scores come from separate independent reviews. See how we score templates.



