.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 09.28

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

Sign up below to be notified when Kylie Baby arrives on September 28th and receive 15% off your first Kylie Baby purchase of $40 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, clean, safe products on her skin that followed the core principles of my Kylie Skin … vegan, cruelty free, gluten free, paraben and sulfate free, etc. 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 favorites 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 clean 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 and free of the harsh ingredients that none of us want to be putting on our babies.

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

Gluten Free

Fragrance Free

Vegan

Hypoallergenic

Cruelty Free

Tear Free

Paraben Free

Sulfate Free

Silicone 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)); } }); });

CONNECT WITH US

Copyright © 2021 Coty DTC Holdings, LLC. All rights reserved.