LunaDXP Demo logo

A different font

fontFamily: {
  sans: ['Palatino', ...defaultTheme.fontFamily.sans],
}

Different color pallet

textColor: {
  'base': '#263D42',
  'muted': '#3c5157',
  'inverted': '#FFFFFF',
  'accent': '#8E6C88',
  'accent-muted': '#503f4b',
}

Different background color pallet

backgroundColor: {
  'base': '#CCDBDC',
  'secondary': '#3D3D3D',
  'tertiary': '#A3A3A3',
  'accent': '#8E6C88',
  'accent-muted': '#B096AC',
  'button-accent': '#8E6C88',
  'button-accent-hover': '#8C6986',
  'button-muted': '#A2DBE2'
}

Banner with image on the side

This type of banner can be added anywhere on the site as it's a component

The media(image) added here is a reusable entity and can be attached to any other component

CTA main
woman with bike by erik skof
3d chairs

Banner with image in the background

In this case, the media is also reusable but act as a background

This components can either stretch full window width or within the main site limits

CTA variation
********************************** ************************* ************************ **************** ****************** *********** ************** ************* ************ *************