Make Somnira yours

Brand, colors and Inter

Set your logo/text logo and favicon in Theme settings. Default colors: ivory #F6F3EA, pale lilac #E9E2F5, near-black #17151B and acid green #D5F45B. Adjust text/background pairs together to retain contrast. Bundled Inter is used throughout by default. Enable the explicit Shopify font override only if you want different fonts.

Portal campaign

Add one rectangular campaign photo and set its focal point. The CSS portal handles the frame; transparent cutouts are optional. Up to two Supporting image blocks can be added. The composition still works with just one image through its portal, orbit, disc and spark. Choose a campaign collection; its URL takes priority over the fallback link. Use concise copy and one main CTA. Decorations stay within the visual composition, away from buying controls. Decorative motion is off by default in Theme settings > Layout. It follows reduced motion. No WebGL, custom cursor or scroll hijacking.

Capsule stories

Select up to three collection chapters, with image override, heading, story and fallback link. The first chapter uses a portal-shaped frame; the next two are staggered on desktop. Mobile presents them vertically. Empty selections do not invent product links.

Products and fit

Product names, prices, availability, media, options and cart data come from Shopify. Grid photography uses a consistent portrait ratio. Product media scrolls within its own region on mobile. Create your own Shopify sizing page. In Product or Featured product, select Size guide page and add/move the Size guide block. There are no automated fit recommendations.

Other pages

Collection/search filtering, cart, content pages, contact, blog/articles, 404 and password use shared native logic and the same visual system. Compatible product sections and the Apps section support app blocks. Store/app-dependent behavior needs verification with your own content.