Let's Connect

* indicates required fields

By entering your name and email you agree to the processing of your personal data as described within the Privacy Notice.

Color Palette

Theme

  • Base 
    #ffffff
    --wp--preset--color--base
  • Base / Two 
    #E1E1E2
    --wp--preset--color--base-two
  • Base / Three 
    #F6F6F6
    --wp--preset--color--base-three
  • Contrast 
    #171726
    --wp--preset--color--contrast
  • Contrast / Two 
    #63636D
    --wp--preset--color--contrast-two
  • Action / Light 
    #DBC4FF
    --wp--preset--color--action-light
  • Action 
    #6D28D9
    --wp--preset--color--action
  • Action / Dark 
    #4C1D95
    --wp--preset--color--action-dark
  • Accent / Cyan 
    #3EC4D5
    --wp--preset--color--accent-cyan
  • Accent / Green 
    #5FBB46
    --wp--preset--color--accent-green
  • Accent / Gold 
    #FDB113
    --wp--preset--color--accent-gold
  • Accent / Magenta 
    #DB2777
    --wp--preset--color--accent-magenta
  • Accent / Orange 
    #F06424
    --wp--preset--color--accent-orange
  • Accent / Orange / Dark 
    #CC3A00
    --wp--preset--color--accent-orange-dark

Font Sizes

Theme

  • Small (0.875rem) 
    Size: 0.875rem
    Fluid: false
    --wp--preset--font-size--small
  • Medium (1rem) 
    Size: 1rem
    Fluid: false
    --wp--preset--font-size--medium
  • Large (1.125rem) 
    Size: 1.125rem
    Fluid: false
    --wp--preset--font-size--large
  • XL (1.5rem) 
    Size: 1.5rem
    Fluid: true
    --wp--preset--font-size--xl
  • 2XL (2.5rem) 
    Size: 2.5rem
    Fluid: true
    --wp--preset--font-size--xxl
  • 3XL (3.5rem) 
    Size: 3.5rem
    Fluid: true
    --wp--preset--font-size--xxxl
  • Impact (7.5rem) 
    Size: 7.5rem
    Fluid: true
    --wp--preset--font-size--impact

Spacing Scale

  • 2X-Small 
    Size: 1rem
    --wp--preset--spacing--20
  • X-Small 
    Size: 1.5rem
    --wp--preset--spacing--30
  • Small 
    Size: 2rem
    --wp--preset--spacing--40
  • Medium 
    Size: clamp(2rem, 1.158rem + 1.754vw, 3rem)
    --wp--preset--spacing--50
  • Large 
    Size: clamp(3rem, 2.381vw + 1.8571rem, 4rem)
    --wp--preset--spacing--60
  • X-Large 
    Size: clamp(4rem, 2.381vw + 2.8571rem, 5rem)
    --wp--preset--spacing--70
  • 2X-Large 
    Size: clamp(6rem, 4.737rem + 2.632vw, 7.5rem)
    --wp--preset--spacing--80

Shadows

Theme

  • Shadow / One 
    box-shadow:0px 20px 50px 0px rgba(18, 17, 39, 0.08);
    --wp--preset--shadow--shadow-one
  • Shadow / Two 
    box-shadow:0px 20px 50px 8px rgba(18, 17, 39, 0.15);
    --wp--preset--shadow--shadow-two

Gradients

Theme

  • Orange 
    background-image:linear-gradient(90deg, #FA6C18 0%, #FFC000 94.25%);
    --wp--preset--gradient--orange
  • Purple 
    background-image:linear-gradient(90deg, #9747FF 3.98%, #F22178 92.48%);
    --wp--preset--gradient--purple
  • Green 
    background-image:linear-gradient(90deg, #19C3D0 0%, #2DDEB4 100%) ;
    --wp--preset--gradient--green