cielecosmetics.com
Open in
urlscan Pro
23.227.38.32
Public Scan
URL:
https://cielecosmetics.com/
Submission: On May 23 via api from US — Scanned from CA
Submission: On May 23 via api from US — Scanned from CA
Form analysis 4 forms found in the DOM
GET /search
<form class="main-search__form" action="/search" method="get" autocomplete="off">
<input type="hidden" name="type" value="product,article,page" aria-label="type">
<input type="hidden" name="options[prefix]" value="last" aria-label="options[prefix]">
<div class="main-search__input-container">
<input class="main-search__input" type="text" name="q" autocomplete="off" placeholder="Search..." aria-label="Search...">
</div>
<button class="main-search__button button notabutton" type="submit" aria-label="Submit"><svg width="24px" height="24px" viewBox="0 0 24 24" aria-hidden="true">
<g transform="translate(3.000000, 3.000000)" stroke="currentColor" stroke-width="1.5" fill="none" fill-rule="evenodd">
<circle cx="7.82352941" cy="7.82352941" r="7.82352941"></circle>
<line x1="13.9705882" y1="13.9705882" x2="18.4411765" y2="18.4411765" stroke-linecap="square"></line>
</g>
</svg></button>
</form><form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-SLeime" novalidate="" tabindex="-1"
style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; border-radius: 0px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgb(16, 50, 44); background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/XfHfy8/images/d41fae6b-1a47-41be-b238-4ad731d3155a.png"); background-repeat: no-repeat; background-size: cover; background-position: 0% 50%; padding: 10px 5px 10px 0px; flex: 1 1 0%;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; min-height: 120px; justify-content: center;">
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px 10px 0px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-80020421" style="width: 100%;"></div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 25px 0px 11px 20px; position: relative; flex: 1 0 0px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_80020422" class="needsclick go282436733 kl-private-reset-css-Xuajs1" type="email"
autocomplete="email" name="email" tabindex="0" placeholder="email" aria-label="email" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 0px; padding: 0px 0px 0px 16px; height: 50px; text-align: left; color: rgb(0, 0, 0); font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(180, 187, 195);">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</div>
</div>
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 0 1 auto;"><button
class="needsclick go3357805855 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
style="background: rgb(255, 255, 255); border-radius: 0px; border-style: none; border-color: rgb(0, 0, 0); border-width: 2px; color: rgb(22, 43, 38); font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 14px; font-weight: 200; letter-spacing: 0px; line-height: 1; white-space: normal; padding: 0px 10px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 50px;">sign
up</button></div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>POST /contact#footer_newsletter_signup
<form method="post" action="/contact#footer_newsletter_signup" id="footer_newsletter_signup" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" aria-label="form_type"><input type="hidden" name="utf8"
value="✓" aria-label="utf8">
<input type="hidden" name="contact[tags]" value="prospect,newsletter" aria-label="contact[tags]">
<p>
<input type="email" placeholder="Enter email" class="signup-form__email" value="" name="contact[email]" aria-label="Enter email" required="">
</p>
<button class="btn btn--secondary signup-form__button" type="submit">Sign up</button>
</form><form class="needsclick klaviyo-form klaviyo-form-version-cid_3 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-RGWYj4" novalidate="" tabindex="-1"
style="display: flex; flex-direction: row; box-sizing: border-box; width: 700px; min-width: 200px; max-width: 1000px; border-radius: 4px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgb(13, 53, 45); background-repeat: no-repeat; background-position-y: 50%; padding: 20px; flex: 1 1 0%;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px 20px 0px 0px; min-height: 400px; justify-content: center;">
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-112232415" style="width: 100%;">
<p style="text-align: center; font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span
style="font-size: 22px; font-family: Tahoma, Verdana, Segoe, sans-serif; font-weight: 400; color: rgb(237, 235, 231); font-style: normal;">SIGN UP AND GET</span></p>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 2px 6px 10px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-112232416" style="width: 100%;">
<div style="text-align: center;"><span style="color: rgb(237, 235, 231); font-size: 60px; font-family: Tahoma, Verdana, Segoe, sans-serif; font-weight: bold; font-style: normal;">10% OFF</span></div>
<div style="text-align: center; line-height: 50%;"> </div>
<div style="text-align: center;"><span style="color: rgb(237, 235, 231); font-size: 16px; font-family: Tahoma, Verdana, Segoe, sans-serif; font-weight: 400; font-style: normal;">makeup that meets protection –</span></div>
<div style="text-align: center;"><span style="color: rgb(237, 235, 231); font-size: 16px; font-family: Tahoma, Verdana, Segoe, sans-serif; font-weight: 400; font-style: normal;"> and artistry standard performance.</span></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px 4px; position: relative; flex: 1 0 0px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_112232417" class="needsclick go3602438199 kl-private-reset-css-Xuajs1 focus-visible"
type="email" autocomplete="email" name="email" tabindex="0" placeholder="Enter email address" aria-label="Enter email address" aria-invalid="false" options="[object Object]" data-focus-visible-added=""
style="box-sizing: border-box; border-radius: 0px; padding: 0px 0px 0px 16px; height: 50px; text-align: left; color: rgb(0, 0, 0); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); box-shadow: rgb(0, 100, 205) 0px 0px 5px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;"><button
class="needsclick go3894874857 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
style="background: rgb(237, 235, 231); border-radius: 0px; border-style: none; border-color: rgb(0, 0, 0); border-width: 2px; color: rgb(19, 16, 16); font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 0px; padding-bottom: 0px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 54px; width: 100%;">SIGN
UP</button></div>
</div>
</div>
<div class="needsclick kl-private-reset-css-Xuajs1"
style="display: flex; flex-direction: column; width: 350px; margin: -20px -20px -20px 0px; padding: 0px; border-top: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 0px solid transparent; border-left: 0px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; overflow: hidden; min-width: 350px; min-height: 400px;">
<div class="needsclick kl-private-reset-css-Xuajs1"
style="background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/XfHfy8/images/8585a2f6-165f-48a5-9ab8-3a285281f23d.png"); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; width: 100%; height: 100%; display: block;">
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>Text Content
Back
Accessibility options
Are you sure you want to hide the widget forever? If you need it back, please
clear your cookies.
OkCancel
Content
Bigger Text
Bigger Text
Bigger Cursor
Bigger Cursor
Text Reader
Tooltips
Line Height
Line Height
Hide Images
Hide images
Readable Fonts
Readable fonts
Dyslexic Font
Dyslexic Font
Stop Animations
Stop Animations
Colors
Invert Color
Invert Colors
Brightness
Brightness
Contrast
Contrast
Grayscale Color
Grayscale
Saturation
Saturation
Navigation
Reading Line
Reading Line
Highlight Links
Highlight Links
Text Reader
Read page
Reading Mask
Reading Mask
Page Structure
Page Structure
LanguageEnglish (USA)
Search language
English
(USA)SwedishFinnishGermanSpanishPortugueseTurkishFrenchJapaneseKoreanHebrewLatvianPolishGreekThai
Accessibly App Accessibility Statement
Accessibly App is committed to making sites accessible for all, including people
with disabilities. We are continuously improving the service we provide through
our app to comply with increased accessibility standards, guidelines, and to
make the browsing experience better for everyone.
Conformance status
The app uses the Web Content Accessibility Guidelines (WCAG) defined
requirements to improve accessibility for people with disabilities. It defines
three levels of conformance: Level A, Level AA, and Level AAA. Accessibly App is
following the best guidelines and is partially conformant with WCAG 2.1 level
AA.
Technical information
Accessibly App is an app supported in Shopify and Wordpress environments. The
app relies on the following technologies:
HTML
CSS
JavaScript
NodeJs
MongoDB
Accessibly App features
When a site has Accessibly App i ac-h4 installed, the website can be adjusted
with keyboard navigation using the “tab” key (WCAG 2.1/2.1.1). Additionally, see
the list of all provided Accessibly App features and tools for better website
experience:
Zoom | WCAG 2.1 / 1.4.4
This feature enables users to enhance the size of the text to up to three times
the original text for better text readability.
Bigger cursor
Makes the cursor bigger and more prominent. Increases the size for better site
browsing.
Invert colors
Invert the colors of the website content. For those with decreased vision, the
high contrast greatly helps to read the site better.
Tweak Contrast | WCAG 2.1 / 1.4.6
This feature lets users manually select from two options: to enhance the
contrast of the website or to decrease the contrast.
Tweak Brightness | WCAG 2.1 / 1.4.6
This feature lets users update the brightness on the site. The content can
either be made brighter or darker.
Grayscale | WCAG 2.1 / 1.4.6
Users can turn on grayscale, making the website content appear only in shades of
gray. This benefits people with visual impairment.
Reading Line
Add a supportive reading line to the site.
Readable fonts
Convert the fonts available on-site to one of the most easily readable fonts:
Helvetica.
Alt Text and Images
Ability to read alt text of images. As of now, our tool has added a feature
where alt descriptions for images without them are generated using Google's
Vision AI. In the event that you haven't manually written these image
descriptions yourself, this greatly helps people with visual impairment browse
your site.
Tooltips | WCAG 2.1 / 2.5.3
Add labels to images that contain a written description of the image.
Highlight links
Highlight links to make them more prominent.
Hide images
Hide images on the site. This provides better site readability for people with
visual impairment.
Read page
A feature that allows a voice to read the text on your site out loud to
visitors.
Notes & Feedback
We always try to update our services and operate in the best possible manner to
benefit all of our clients and their site visitors.
We cannot control or correct problems with third-party sites, but please let us
know if you encounter difficulty with any sites we link to so we can pass the
information along to the site owners. You may also want to address your concerns
directly to these third parties.
Reset settings
Accessibility statement
Skip to content
Shopping cart
Go To Cart
Checkout
Your cart is empty
Start shopping
Free US shipping on orders over $100.
LeftRight
* Shop
* Sets
* About
Search Cart
* Shop Toggle menu
* Shop All
* Shop Complexion
* Shop Blush
* Sets Toggle menu
* Shop All Sets
* The Complexion Wardrobe
* The Perfect Pair
* The Sculpt Set
* The Cheek Duo
* About Toggle menu
* Ciele
* Founders
* Clear Beauty
Left
* Shop Toggle menu
* Shop All
Shop Complexion
Shop Blush
* Sets Toggle menu
* Shop All Sets
The Complexion Wardrobe
The Perfect Pair
The Sculpt Set
The Cheek Duo
* About Toggle menu
* Ciele
* Founders
* Clear Beauty
New Arrivals
Left Right
The Sculpt Brush
$44.64 Sold Out
SHOP NOW
Left Right
sculpt & PROTECT SPF 30+
$47.43
01 | LIGHT02 | MEDIUM03 | TAN04 | DEEP+ 1 more
SHOP NOW
Left Right
The Sculpt Set
$83.70 $100.43
SHOP NOW
introducing
SCULPT & PROTECT SPF 30+
Shop
Left Right
sculpt & PROTECT SPF 30+
$47.43
01 | LIGHT02 | MEDIUM03 | TAN04 | DEEP+ 1 more
SHOP NOW
Left Right
filter & PROTECT SPF 30+
$53.01
010203
SHOP NOW
Left Right
tint & PROTECT SPF 50+
$61.38
01 | IVORY02 | FAIR03 | LIGHT04 | LIGHT MEDIUM05 | MEDIUM06 | MEDIUM TAN07 |
TAN08 | MEDIUM HONEY09 | HONEY10 | MEDIUM RICH11 | RICH12 | MEDIUM DEEP13 |
DEEP+ 10 more
SHOP NOW
Left Right
blush & PROTECT SPF 50+
$47.43
JANUARY | COOL PINKJUNE | WARM BURGUNDYKIRSTY | WARM NUDEBEHATI | DUSTY
ROSEELODIE | HOT CORALGISELLE | RICH BERRY+ 3 more
SHOP NOW
Shop
MAKEUP MEETS PROTECTION.
SHOP SERUM
SHOP BLUSH
SHOP BRUSHES
SHOP POWDER
A new kind of beauty
CLEAR BEAUTY™ BY CIELE
Introducing a new category of color cosmetics – CLEAR BEAUTY™ – makeup made with
your skin in mind.
At ciele we are sun-smart and acne-safe, which means we never use pore-clogging
ingredients that may be problematic for acne prone skin. Every product offers
sun protection, formulated with non-nano mineral based broad spectrum SPF that
protects the skin barrier against the 4 types of radiation: UVA, UVB, Blue Light
and Infrared.
Shop Now
CUSTOMER SERVICE
* FAQ
* SHIPPING & RETURNS
* PRIVACY
* TERMS OF SERVICE
* ACCESSIBILITY
About
* STORE LOCATOR
* INGREDIENTS
* CONTACT
* PRESS
sign up
KEEP IN TOUCH
Sign up
* Instagram
* Youtube
*
* Pinterest
4455 Fruitland Ave, Vernon CA 90058
© 2024 ciele cosmetics.
{"themeColor":"#10322c","iconColor":"#10322c","showLogo":true,"topBottomPosition":10,"rightLeftPosition":10,"iconSize":"small","iconCustomSize":64,"position":"middle-right"}
×
My Wishlist0
Close dialog 3
SIGN UP AND GET
10% OFF
makeup that meets protection –
and artistry standard performance.
SIGN UP