{{ sec.num }}
{{ sec.h }}
{{ para.t }}
Our Collections
{{ c.name }}
Upcoming — {{ c.releaseLabel }}
Skip to main content
Contact
portfolio
{{ activeLogoImg }}
Sold out
Write to us
Write to us
{{ ctResponseNote }}
Publish and release to feature
No shades yet. Add one to show a swatch on the product page — give it a photo and shoppers can tap the shade to see it.
The inline set can’t be deleted — remove its products instead.
{{ x.label }}
drop collection logo — 1600 × 400 png
{{ activeName }}
{{ activeTagline }}
Sorted by {{ cpSortLabel }}
Refine
All Products
{{ rangeLabel }} · Sorted by {{ sortLabel }}
{{ pdMeta }}
{{ pdShade }}
{{ pdPrice }}
{{ pdName }}
{{ pdDesc }}
Shades
{{ sp.label }}
{{ sp.value }}
Product information only. For stockists, wholesale or press samples, contact the ioni team.
Also in {{ pdCollection }}
Not found
This product is no longer listed.
The link may be out of date, or the product has been retired. The full range is still here.
Our Collections
Nothing here yet — inline products are added in the CMS.
Sorted by {{ colSortLabel }}
{{ c.label }}
Upcoming — {{ c.releaseLabel }}
Contact
{{ ctHeading }}
{{ ctIntro }}
Thank you — your message is with us.
We’ll reply to {{ cfSentTo }}. {{ ctResponseNote }}
Studio
{{ l.value }}
{{ ctHours }}
Follow
{{ soc.icon }}
Sustainable Commitments
Made carefully, or not made at all.
Colour is a small industry with a long shadow — in what is grown, what is melted, what is shipped and what is thrown away six weeks later. IONI is not a sustainable company. It is a company becoming one, slowly, in public, at the pace the work honestly allows. What follows is what we have committed to, what we have already changed, and what we have not solved yet.
Certified cruelty free and vegan
IONI is approved under PETA's Beauty Without Bunnies programme in its strictest tier — cruelty free and vegan, the two held as one commitment rather than two claims. No animal testing at any stage, not by us, not by our suppliers, not by a third party on our behalf, not for any market that would require it. And no animal-derived ingredient in any formula: no beeswax, no carmine, no lanolin, no silk, no keratin, with no legacy products quietly left out of the count. Where an animal ingredient was doing real work, we replaced it with something that performs as well — never with something that performs less.
Ask us anything we have left off this page.
Certification documents, supplier audits and the full impact report are available on request — to customers, stockists and press alike.
{{ legalKicker }}
{{ legalTitle }}
{{ legalIntro }}
{{ legalUpdated }}Something here unclear? Ask a person.
The studio answers policy questions in plain language within two business days.
{{ t.label }}
{{ t.text }}
Content Manager
{{ saveState }}
No server connected
Photos are stored on the server, and the content API isn't reachable from here — so uploads are turned off rather than saved into this browser. Text edits are held in this browser as a preview only. Deploy the server in server/ and every slot starts working.
Connected to the server. {{ serverStatusDetail }}
{{ uploadingLabel }} — the slot fills in when the server has the file.
Pick a collection on the left, edit it, then Save & publish — changes go straight to the live pages.
Portfolio link
One link that opens the site with everything saved here — including drafts and unreleased collections that aren’t published yet. Thumbnails clickable, product pages live, so the full range can be shown in a meeting. The link asks for the portfolio password before showing anything — send it separately. Customers on the normal URL still see only published work.
{{ portfolioStatus }}
Inline · {{ cmsInlineCat }}
Always-in-stock {{ cmsInlineCat }} products that belong to no collection. On the site they show only in All Products.
Special release
Marks this collection as a named release. The name shows under the collection on the Collections page; featuring is set separately below.
Collection images
The hero runs across the top of the collection page — and becomes the landing banner whenever this collection is featured.
{{ s.label }}
Release
{{ editReleaseLabel }}
Locked until {{ editReleaseLabel }}. It stays hidden until 2 months before that date, then sits on Collections as a greyed-back thumbnail labelled “Upcoming”, isn’t clickable, and stays off the landing page — it unlocks itself that day (California time).
Released — live now. A future date would hold it back as “Upcoming” until that day.
Pick a date. A past date records when it launched; a future date keeps it locked as “Upcoming” until that day, then it unlocks itself.
Stores
Where this collection is stocked. Pick any of your stockists — each product page then carries an “Available at” line.
No stockists yet — add them in the Stockists pane, then pick them here.
Product pages show “Available at {{ editStoresLabel }}”.
Sold out
Marks the whole collection sold out — it stays on the site with a Sold out label on its card and page.
Landing page
{{ featStatusLabel }}
{{ featuredNote }}
This hero image is live as the landing banner.
No hero image yet — add one in Collection images and it becomes the landing banner.
Three products on the landing page
{{ featPickHint }}
Products
{{ productCountLabel }}
{{ s.label }}
{{ p.extraCount }}
Shades
{{ p.shadeCount }}
Status
Archived
Draft
Published
{{ editStatusNote }}
Delete “{{ editName }}” and its products?
Stockists
Logos in the “Available in stores” band, four across. Each logo links out to the stockist.
⠿ {{ s.pos }}
Placeholder image
One square image stands in wherever a photo is still missing — product cards, collection covers, hero bands and product pages. Upload your own, or clear it to leave those spots empty on the site.
{{ phStatusLabel }}
Page · Contact
Lives at /contact and is linked from the header, the menu and the footer. Edits save as you type.
Contact details
Social links
Icons under “Follow” on the contact page; names in the footer. Paste a link and the icon is picked for you, or choose one. The name is optional — it’s read aloud to screen-reader users.
{{ soc.iconPreview }}
Contact-form messages go to the inbox set on the server (
CONTACT_TO).
Analytics
Who’s looking, and at what.
{{ anRangeLabel }}
No server connected
Visits are recorded by the server, so there’s nothing to show in this preview. Once the site runs on the server, numbers appear here within a minute of the first visit.
Loading…
{{ anError }}
{{ k.label }}
{{ k.value }}
{{ k.note }}
Page views per day
Peak {{ anPeak }}
No visits recorded in this range yet.
{{ l.title }}
{{ l.empty }}
{{ r.count }}
{{ l.title }}
{{ l.empty }}
{{ r.count }}
Cookieless and first-party. No IP addresses or personal details are stored. A visitor is counted once per day and can’t be followed from one day to the next. Not counted: the Content Manager, portfolio-link sessions, team members signed in on that browser tab, and browsers that send Do Not Track or Global Privacy Control.
Product sheet
Every product, grouped by collection. Type in any cell to change it — saves as you go. Ticks mark uploaded images and settings; use Editor view to change those.
{{ sheetSummary }}
Product
Price
Category
Subcategory
Shade
SKU
Description
Cover
Hover
Pack
Del
⠿
{{ g.statusLabel }}
{{ g.flags }}
{{ g.countLabel }}
{{ r.pos }}
{{ r.cover }}
{{ r.hover }}
{{ r.pack }}
No products in this collection yet
Nothing matches “{{ sheetQuery }}”.
{{ sheetDragNote }}