Skip to content
Sylius Starter

Blush theme

Blush adapts the visual language of the JoliCode Sylius Starter landing page into a storefront: a crisp white canvas, expressive raspberry accents, soft rose panels and a deep plum footer.

Desktop (1440 px)

SchemeHomepageProduct pageCart
LightBlush storefront homepage on desktop, light schemeProduct page in Blush on desktop, light schemeBlush cart containing a product on desktop, light scheme
DarkBlush storefront homepage on desktop, dark schemeProduct page in Blush on desktop, dark schemeBlush cart containing a product on desktop, dark scheme

Wide screen (2560 px)

SchemeHomepageProduct pageCart
LightBlush storefront homepage on a wide screen, light schemeProduct page in Blush on a wide screen, light schemeBlush cart containing a product on a wide screen, light scheme
DarkBlush storefront homepage on a wide screen, dark schemeProduct page in Blush on a wide screen, dark schemeBlush cart containing a product on a wide screen, dark scheme

Mobile (390 px)

SchemeHomepageProduct pageCart
LightBlush storefront homepage on mobile, light schemeProduct page in Blush on mobile, light schemeBlush cart containing a product on mobile, light scheme
DarkBlush storefront homepage on mobile, dark schemeProduct page in Blush on mobile, dark schemeBlush cart containing a product on mobile, dark scheme
  • Palette — white and pale rose surfaces (#FFFFFF, #FBF6F8), raspberry (#B54878) accents and plum (#2D141F) typography and footer.
  • Dark scheme — the boutique after hours: a plum-black page (#1A1216, cards #251A21), blush-white type, raspberry kept for buttons and badges and lightened to #F28DB9 for links and prices, a bright pink hover on primary buttons, and a wine-plum footer (#3A1829).
  • Components — rounded buttons and product cards, a custom wordmark and responsive taxon navigation.
  • Product cards — rounded white cards with a pale rose image well and a soft plum shadow, raspberry prices, a lift on hover; the whole card is clickable, on the homepage and on category pages alike.
  • Homepage — a French editorial hero with a CSS illustration, a direct link to the latest products and a link to the promise block; then the “Our little promises” block (four rose cards with coloured badges, through the theme_promise hookable) and four latest products; the latest deals and new-collection blocks are hidden.
  • Shopping flow — matching buttons, forms and checkout branding, including the Blush wordmark and category navigation in the checkout header.
  • Translations — the homepage texts live in a blush translation domain (translations/blush.en.yaml and blush.fr.yaml).

Install it with:

Terminal window
castor sylius:theme:setup blush