.holding-page .footer { margin-top: 0; } .cmp-holding__header { height: 55px; background-color: #BBCBE3; display: flex; justify-content: center; align-items: center; } .cmp-holding__header .cmp-holding__logo { height: 30px; } .cmp-holding__footer { height: 80px; background: linear-gradient(270deg, #DEC5D4 0%, #BBCBE3 100%); display: flex; justify-content: center; align-items: center; } .cmp-holding__footer .cmp-holding__logo { height: 24px; } .cmp-holding__sticker { width: 100px; height: 100px; position: absolute; top: 33px; left: 22px; z-index: 101; } .cmp-holding__section { position: relative; } .cmp-holding__content.top { position: relative; } .cmp-holding__content.top .cmp-holding__section:first-of-type { background: linear-gradient(180deg, #F5C1CA 0%, #BBCBE3 100%); height: 60vh; display: flex; flex-direction: column; justify-content: center; align-items: center; } .cmp-holding__content.top .cmp-holding__section:last-of-type { background: #FDF0F0; display: flex; justify-content: center; align-items: center; } .cmp-holding__content.bottom .cmp-holding__section:first-of-type { background-color: #FDF0F0; } .cmp-holding__content.bottom .cmp-holding__section:last-of-type { background: linear-gradient(180deg, #93A7C5 0%, #BBCBE3 100%); } .cmp-holding__content.top .cmp-holding__section:last-of-type .content { margin: 40px 20px; } .cmp-holding__section .cmp-holding__logo { width: 60%; max-width: 350px; } .cmp-holding__content.bottom .cmp-holding__section { display: flex; justify-content: center; } .cmp-holding__content.bottom .cmp-holding__section:first-of-type .content { width: 90%; display: flex; flex-direction: column; align-items: center; } .cloud-1 { width: 226px; bottom: -60px; position: absolute; left: 50%; transform: translateX(-50%); } .cloud-2 { width: 246px; position: absolute; right: -60px; top: 25px; transform: scaleX(-1); } .cmp-holding__header-text.light { color: #FFF; font-size: 18px; font-weight: 300; letter-spacing: 2px; margin: 0; text-align: center; text-transform: uppercase; font-family: 'Campton', Helvetica, Arial, sans-serif; } .cmp-holding__subheader-text.light { color: #FDF0F0; font-family: 'Campton', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 14px; font-weight: 700; text-align: center; margin: 10px 0 40px; } .cmp-holding__header-text.dark { color: #9099A8; font-size: 14px; font-weight: 300; letter-spacing: 1px; font-family: 'Campton', Helvetica, Arial, sans-serif; text-transform: uppercase; } .cmp-holding__subheader-text.dark { color: #9099A8; font-size: 14px; font-weight: 300; font-family: 'Campton', Helvetica, Arial, sans-serif; } .cmp-holding__form { margin-top: 30px; position: relative; } .cmp-holding__form input[type=text] { border-radius: 20px; border: 1px solid #C1C0C8; color: #9099A8; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 300; line-height: 20px; height: 40px; width: 100%; padding: 11px 26px 9px; background-color: transparent; } .cmp-holding__form .form-field { width: 100%; margin: 10px 0; } .checkbox-label { color: #9099A8; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 300; line-height: 18px; padding-left: 25px; display: block; position: relative; } .checkbox-label a { color: #575C64 !important; } input[type=checkbox] { display: none; } input[type=checkbox] + label::before { content: ''; height: 15px; width: 15px; border: 1px solid #9099A8; display: block; position: absolute; left: 0; top: -1px; } input[type=checkbox] + label::after { content: ''; background: #000 url('/etc.clientlibs/webplatform/clientlibs/clientlib-kylie-beauty/resources/icons/CheckMark.svg') 2px 2px no-repeat; background-size: 11px 11px; left: 0; position: absolute; top: -1px; height: 15px; width: 15px; opacity: 0; } input[type=checkbox]:checked + label { border: none; } input[type=checkbox]:checked + label::after { opacity: 1; } .mt-15px { margin-top: 15px !important; } .cmp-holding__form-submit { color: #575C64; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 3px; line-height: 20px; text-align: center; background: none; border: none; text-transform: uppercase; position: relative; cursor: pointer; z-index: 2; } .cmp-holding__form-submit.disabled { cursor: unset; pointer-events: none; color: #9099A8; font-style: normal !important; } .cmp-action-buttons { display: flex; justify-content: center; align-items: center; margin-top: 50px; } .cmp-button { position: relative; display: inline-block; } .cmp-button--image { width: 70px; height: auto; position: absolute; right: -40px; top: -7px; z-index: 1; } .cmp-holding__header-text.dark-bold { color: #9099A8; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 2px; line-height: 25px; text-align: center; margin-bottom: 30px; text-transform: uppercase; } .cmp-holding__header-text.light-bold { color: #FFF; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 2px; line-height: 25px; text-align: center; margin-bottom: 30px; margin-top: 50px; text-transform: uppercase; } .cmp-holding__text { width: 100%; color: #9099A8; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 300; line-height: 16px; margin-bottom: 15px; } .cmp-holding__signature { width: 120px; flex-grow: 0; display: inline-block; margin-bottom: 20px; } .cmp-holding__icons .row { display: flex; flex-wrap: wrap; } .cmp-holding__icon { margin: 30px 30px; width: calc(33% - 60px); display: flex; flex-direction: column; align-items: center; } .cmp-holding__icon.big-icon { margin-top: 10px; margin-bottom: 20px; } .cmp-holding__icon img { max-width: 37px; height: 37px; } .cmp-holding__icon.big-icon img { max-width: unset; height: 97px; } .cmp-holding__icon p { margin-top: 15px; margin-bottom: 0; color: #FFF; font-family: 'Campton', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 300; letter-spacing: 1px; line-height: 15px; text-align: center; text-transform: uppercase; } .cmp-holding__icon p + p { margin: 0; } .cmp-holding__carret-down { content: ""; position: absolute; top: calc(60vh - 13px); left: 50%; -webkit-transform: translateX(-50%) rotate( 180deg); transform: translateX(-50%) rotate( 180deg); width: 30px; height: 20px; z-index: 100; cursor: pointer; } .cmp-holding__form .invalid-feedback { flex-flow: nowrap; } .invalid-feedback.hidden { display: none; } .cmp-holding__form .form-field .checkbox-label.error::before { border: 1px solid #c70115; } .invalid-form-submit.hidden, .valid-form-submit.hidden { display: none; } .invalid-form-submit { margin: 0.625rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .invalid-form-submit::before { background: url(/etc.clientlibs/webplatform/clientlibs/clientlib-kylie-beauty/resources/icons/error.svg) no-repeat center; content: ''; height: 1.875rem; width: 1.875rem; -ms-flex-negative: 0; flex-shrink: 0; } .invalid-form-submit span { margin-left: 0.3125rem; color: #c70115; font-size: 0.75rem; font-weight: 700; } .valid-form-submit { margin: 0.625rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .valid-form-submit::before { background: url(/etc.clientlibs/webplatform/clientlibs/clientlib-kylie-beauty/resources/icons/check.svg) no-repeat center; content: ''; height: 1.875rem; width: 1.875rem; -ms-flex-negative: 0; flex-shrink: 0; } .valid-form-submit span { margin-left: 0.3125rem; color: #000000; font-size: 0.75rem; font-weight: 700; } /* Desktop Styling */ @media only screen and (min-width: 1024px) { .cmp-holding__header { height: 143px; } .cmp-holding__header .cmp-holding__logo { height: 67px; } .cmp-holding__sticker { width: 140px; height: 140px; top: 40px; left: 30px; } .cmp-holding__content { display: flex; position: relative; height: 100vh; } .editor .cmp-holding__content { height: 800px } .cmp-holding__section { width: 50%; } .cmp-holding__content.top .cmp-holding__section:first-of-type { height: auto; display: block; } .cloud-1 { bottom: unset; left: unset; width: 360px; right: -157px; top: 15%; transform: none; } .cloud-2 { right: unset; top: unset; width: 600px; left: -172px; bottom: -49px; z-index: 100; transform: scaleX(1); } .cmp-holding__content.top .cmp-holding__section:last-of-type { background: #FFF; } .cmp-holding__section .cmp-holding__logo { width: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .cmp-holding__section-header { position: absolute; top: 27%; left: 50%; transform: translateX(-50%); } .cmp-holding__subheader-text.light { margin: 15px 0; font-family: 'Univers', Helvetica, Arial, sans-serif; } .cmp-holding__content.top .cmp-holding__section:last-of-type .content { width: 70%; margin: 0; } .cmp-holding__form .row { display: flex; margin: -10px; } .cmp-holding__form { margin-top: 20px; } .cmp-holding__header-text.dark-bold { margin-top: 100px; } .cmp-holding__header-text.light-bold { margin-top: 100px; } .cmp-holding__form .form-field { margin: 10px; } .cmp-holding__carret-down { top: unset; bottom: 50px; } }

Coming soon!

Arriving on 28.09

INTRODUCING MY NEW, GENTLE PEDIATRICIAN-TESTED PRODUCTS FOR BABIES AND KIDS!

Sign up below to be notified when Kylie Baby arrives on 28th September and receive €5 off your first Kylie Baby purchase of €35 or more

From Kylie:

I am excited to introduce Kylie Baby. This is something I have been working on for more than three years and it’s been so hard to keep this a secret. I'm so happy it's finally here!

When my daughter was born I was working on developing Kylie Skin and I started to research baby skincare products and ingredients because I wanted to make sure I was putting gentle and high tolerance products on her skin that followed the core principles of my Kylie Skin line. Kylie Baby was my way of creating products that I could develop from the ground up to be exactly what I wanted for my babies, so that you can have our tried and tested formula favourites for yours.

Designed for babies and kids of all ages, my products are conscious and gentle pediatrician-tested skincare and haircare must-haves. On top of following all of my key principles for skincare, I worked closely with my team and chemists to select naturally-derived ingredients and botanicals for my Kylie Baby formulas while making them all hypoallergenic, pediatrician-tested, tear free.

Bath time has always been our special time together and my favorite part of the day. It’s so amazing for us to now have these products that my daughter helped me create, to make our bath time even more special.

I’m so proud of what I’ve created for Stormi and for all of you to use on your babies. I hope you love these products as much as we do.

Xo Kylie

We Are:

Pediatrician Tested

No Fragrance Added

Vegan

Hypoallergenic

Tear Free

window.addEventListener('DOMContentLoaded', (event) => { document.getElementById('js-holding__carret-down').addEventListener('click', function () { window.scrollTo({ top: document.getElementById('js-holding__content--bottom').offsetTop, left: 0, behavior: 'smooth' }); }); document.getElementById('js-holding__form').elements.forEach(function(element) { if (element.type === 'text') { element.addEventListener('change', function() { if (element.name === 'firstName' && (!element.value || element.value.length >= 2)) { document.getElementById('js-holding__firstNameValidationError').classList.add("hidden"); } else if (element.name === 'firstName') { document.getElementById('js-holding__firstNameValidationError').classList.remove("hidden"); } if (element.name === 'lastName' && (!element.value || element.value.length >= 2)) { document.getElementById('js-holding__lastNameValidationError').classList.add("hidden"); } else if (element.name === 'lastName') { document.getElementById('js-holding__lastNameValidationError').classList.remove("hidden"); } if (element.name === 'email' && element.value && /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(element.value)) { document.getElementById('js-holding__emailValidationError').classList.add("hidden"); } else if (element.name === 'email') { document.getElementById('js-holding__emailValidationError').classList.remove("hidden"); } if (element.name === 'phone' && (!element.value || /^\+[0-9]{4,41}$/.test(element.value.replace(/[^+0-9]/g, "")))) { document.getElementById('js-holding__phoneValidationError').classList.add("hidden"); } else if (element.name === 'phone') { var countryCodePrefixes = { 'us': '1', 'gb': '44', 'fr': '33', 'de': '49' }; //Clean mobile phone number var updatedPhone = element.value.replace(/[^+0-9]/g, ""); var languageAndCountryCodes = window.location.pathname.match(/\/([a-zA-Z]{2})-([a-zA-Z]{2})/) || []; var countryCode = languageAndCountryCodes[2] || 'us'; if (countryCode === 'us') { updatedPhone = '+' + countryCodePrefixes['us'] + updatedPhone; } else { if (updatedPhone.indexOf('00' + countryCodePrefixes[countryCode]) === 0) { updatedPhone = '+' + countryCodePrefixes[countryCode] + updatedPhone.substr(3); } else if (updatedPhone.indexOf('0') === 0) { updatedPhone = '+' + countryCodePrefixes[countryCode] + updatedPhone.substr(1); } else { updatedPhone = '+' + countryCodePrefixes[countryCode] + updatedPhone; } } if (/^\+[0-9]{4,41}$/.test(updatedPhone)) { document.getElementById('js-holding__phoneValidationError').classList.add("hidden"); } else { document.getElementById('js-holding__phoneValidationError').classList.remove("hidden"); } } }); } }) document.getElementById('js-holding__form').addEventListener('submit', function(e) { e.preventDefault(); var formData = {}; var form = e.target; for (var i = 0; i < form.elements.length; i++) { var element = form.elements[i]; if (element.name) { if (element.type === 'checkbox') { formData[element.name] = element.checked; } else { formData[element.name] = element.value; } } } if (formData.phone && !/^\+[0-9]{4,41}$/.test(formData.phone.replace(/[^+0-9]/g, ""))) { var countryCodePrefixes = { 'us': '1', 'gb': '44', 'fr': '33', 'de': '49' }; //Clean mobile phone number var updatedPhone = formData.phone.replace(/[^+0-9]/g, ""); var languageAndCountryCodes = window.location.pathname.match(/\/([a-zA-Z]{2})-([a-zA-Z]{2})/) || []; var countryCode = languageAndCountryCodes[2] || 'us'; if (countryCode === 'us') { updatedPhone = '+' + countryCodePrefixes['us'] + updatedPhone; } else { if (updatedPhone.indexOf('00' + countryCodePrefixes[countryCode]) === 0) { updatedPhone = '+' + countryCodePrefixes[countryCode] + updatedPhone.substr(3); } else if (updatedPhone.indexOf('0') === 0) { updatedPhone = '+' + countryCodePrefixes[countryCode] + updatedPhone.substr(1); } else { updatedPhone = '+' + countryCodePrefixes[countryCode] + updatedPhone; } } formData.phone = updatedPhone; } var isFormDataValid = true; if (formData.firstName && formData.firstName.length < 2) { isFormDataValid = false; } else if (formData.lastName && formData.lastName.length < 2) { isFormDataValid = false; } else if (!formData.email || !/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(formData.email)) { isFormDataValid = false; } else if (formData.phone && !/^\+[0-9]{4,41}$/.test(formData.phone.replace(/[^+0-9]/g, ""))) { isFormDataValid = false; } else if (!formData.marketingConsent || !formData.newsletterConsent) { isFormDataValid = false; } if (!formData.email || !/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(formData.email)) { document.getElementById('js-holding__emailValidationError').classList.remove("hidden"); } else { document.getElementById('js-holding__emailValidationError').classList.add("hidden"); } if (!formData.marketingConsent) { document.getElementById('marketingConsentLabel').classList.add("error"); } else { document.getElementById('marketingConsentLabel').classList.remove("error"); } if (!formData.newsletterConsent) { document.getElementById('newsletterConsentLabel').classList.add("error"); } else { document.getElementById('newsletterConsentLabel').classList.remove("error"); } if (isFormDataValid) { document.getElementById('js-holding__form-send-error').classList.add('hidden'); //Array will look like ['/en-us', 'en', 'us'] var languageAndCountryCodes = window.location.pathname.match(/\/([a-zA-Z]{2})-([a-zA-Z]{2})/) || []; var language = languageAndCountryCodes[1] || 'en'; var countryCode = languageAndCountryCodes[2] || 'us'; var subscriptionData = { firstName: formData.firstName, lastName: formData.lastName, countryCode: countryCode && countryCode.toUpperCase(), email: formData.email, phone: formData.phone ? formData.phone.replace(/[^+0-9]/g, "") : null, language: language + '_' + countryCode, preferences: ['baby'], }; if (subscriptionData['phone'] === null || subscriptionData['phone'] === undefined) { delete subscriptionData['phone']; } var xmlHttpRequest = new XMLHttpRequest(); document.getElementById('js-holding__form-submit').classList.add('disabled'); xmlHttpRequest.open("POST", 'https://p28q8w4y93.execute-api.eu-central-1.amazonaws.com/prod/forms/newsletter-subscription', true); xmlHttpRequest.setRequestHeader('Content-Type', 'application/json'); xmlHttpRequest.setRequestHeader('x-api-key', '0pZ2yOLMkgvy7iw87lCyBzgvbOKN1FKuzVsIS6q0'); xmlHttpRequest.onreadystatechange = function() { if (xmlHttpRequest.readyState === 4) { var response = JSON.parse(xmlHttpRequest.responseText); if (xmlHttpRequest.status === 200) { document.getElementById('js-holding__form-send-success').classList.remove('hidden'); } else { document.getElementById('js-holding__form-send-error').classList.remove('hidden'); document.getElementById('js-holding__form-submit').classList.remove('disabled'); } } } xmlHttpRequest.send(JSON.stringify(subscriptionData)); } }); });