Kismet Glitter · Brand system v1.0 · September 2026
The complete identity for Kismet Glitter — Courtney Mason's hand-blended holographic and blacklight cosmetics, made in Detroit. Naming, positioning, personas, voice, colour, type, marks, motion, photography, packaging and the rules that hold the three Kismet sites together.
01 — The naming decision
Today the shop answers to Kismetglitter (Etsy slug, domain, TikTok, eBay), speaks as Kismet Beauty (announcement and About), and sells Kismet Magic Glitter (the product line). A customer who sees a TikTok, searches "Kismet Beauty" and lands nowhere is a customer lost. This settles it.
Owns the domain, the Etsy slug, the TikTok handle and the eBay store. It is the only name a customer can already type and arrive somewhere. It is also the name people have been reviewing under for a year.
The warmer, more premium-sounding name, and the one the announcement copy is written in. But it owns no URL, no handle, and no search history. It reads like a category, not a brand.
The product name customers actually repeat: "the makeup that makes you look enchanted." Strong as a line name. Too long and too specific to hold blush, gloss, foundation, paint and bath bars.
Kismet Glitter is the brand. It is the domain, the shop name, the handle, the logo, the thing you say out loud. Everything else nests under it.
Kismet Magic Glitter stays as the hero product line — the loose multi-pigment holographic pigments. Keep the full Etsy title, because it is doing search work: KISMET MAGIC GLITTER — The Makeup That Makes You Look Enchanted.
Kismet Beauty is retired to a descriptor, not a name. Write "Kismet Glitter — a beauty studio in Detroit," never "Kismet Beauty presents…". The word beauty keeps doing its job (it tells a stranger this is cosmetics, not craft supplies) without competing for the brand slot. One exception: it may stay in long-form About prose as a phrase, e.g. "Kismet Glitter is where beauty is ritual, not routine."
Why "glitter" is an asset, not a liability. The obvious objection is that "glitter" sounds cheap next to "beauty". It does not, because the product is glitter and the brand is proud of it. The premium comes from the adjectives — hand-blended, multi-pigment, editorial, small-batch — not from hiding the noun. Fenty is not shy about "Gloss Bomb". Own the word and out-craft the category.
| Level | Name | Used where | Never |
|---|---|---|---|
| Brand | Kismet Glitter | Logo, domain, all handles, shop name, packaging front, every headline | Never abbreviate to "KG" in customer-facing copy |
| Line | Kismet Magic Glitter | Loose holographic pigments — the $12–$65.99 core | Never applied to blush, gloss, paint or bath |
| Line | Kismet UV Glow | Blacklight makeup, $15–$85 | Never "UV Glitter" — it includes gels and sets |
| Line | Prism Body Makeup | The $110 multi-pigment body sets, plus Miami Prism | Never "Prism Glitter" |
| Line | Kismet Studio | Paint sets and original art (Punky Art Design) | Never sold as cosmetics |
| Shade | Holographic Stardust, Amethyst Prism, Phantom Pink Eclipse… | Always Title Case, always after the line name | Never lowercase on the site, however the Etsy title reads |
| Descriptor | "a beauty studio in Detroit" | Bios, About, wholesale sheets | Never capitalised as "Kismet Beauty Studio" |
Migration note: the Etsy shop title, announcement and About all currently say "Kismet Beauty". Change those three fields first — they are the only places the wrong name is load-bearing. Existing listing titles can stay as they are; they carry search history and the line name is already correct.
02 — Positioning
Kismet Glitter makes hand-blended, multi-pigment holographic and blacklight makeup for creators and performers who need their face to read under a light — any light.
Four to six separate glitters and micas per blend. Small batch. Mixed in Detroit by one person. Formulated against studio lights, sunlight, camera flash and 395nm blacklight — not against a swatch card.
Cosmic · editorial · unapologetic · handmade · intention-led · built for cameras · a little witchy
Craft glitter · dupe culture · clinical clean-girl minimalism · mass-produced · dropshipped · apologetic about being loud
| Alternative | What they do | Why Kismet wins |
|---|---|---|
| Drugstore body glitter | $6, one flat colour, plastic hex flake | Multi-pigment blends read as one dimensional glow, not confetti |
| Big-brand highlighter | Pressed, safe, one finish | Loose pigment gives full control from a whisper to full editorial |
| Craft / nail glitter sold as "cosmetic" | Cheap, often not skin-rated | Blended for face and body use, with application guidance on the site |
| Other Etsy pigment sellers | Rebottled single pigments | Every jar is an original blend, named, and unrepeatable at scale |
| Festival UV paint | Novelty, one night, sticky | UV Glow reads as wearable pastel in daylight — one product, two lives |
The single 1★ review in the shop is the whole strategy in miniature: "Expected all in one holographic glitter. This is 5 rainbow colors." They were not wrong — nothing told them. Every product surface must say "this is a blend of several pigments, it needs a medium, and it needs light" before the customer opens the jar. That is why the homepage carries a raw-versus-applied comparison above the collections, and why the $12 mini exists as the recommended first purchase.
03 — Who it is for
Courtney's own words: "creators, performers, night creatures, soft goddesses." Here they are as four buyers, with what each one actually needs to see before they spend.
The Festival Body
The Editorial MUA
The Drag & Cosplay Build
The Everyday Glow
04 — Voice & tone
Courtney's existing copy is already the voice. It is declarative, physical, and slightly mystic. The job is to keep the heat and add the craft detail that makes a $45 jar make sense.
Short sentences that state, not argue. "This is makeup as art. This is glow as armor. This is Kismet." No hedging, no "we think", no "arguably".
Describe what light does, not how it feels in the abstract. "Catches every light — sunlight, candlelight, moonlight." You should be able to picture the photo.
Say the number. Five pigments. Small batch. Mixed by hand in Detroit. Specificity is what separates premium from hype.
These are Courtney's, verbatim from the Etsy shop. Treat them as fixed assets — reuse them, do not rewrite them.
"Where skin becomes art and glow is destiny."
Primary tagline. Homepage hero, packaging insert, bio.
"This is makeup as art. This is glow as armor. This is Kismet."
The manifesto close. Section headers, video end-cards.
"Welcome to your glow era."
Sign-off. Footer, thank-you card, last frame of a TikTok.
"Beauty is ritual, not routine."
The About line. Also the bridge to Rebirth Ritual and Kismet Candles.
| Surface | Tone | Example |
|---|---|---|
| Hero / campaign | Mythic, three beats max | "Where skin becomes art and glow is destiny." |
| Product card | One sensory line, then the fact | "Pastel by day, siren by night. Glows under 395nm." |
| How-to / education | Plain, imperative, generous | "Press, don't sweep. Sweeping separates the flakes." |
| Packaging insert | Warm, personal, one signature | "Mixed by hand on a Tuesday in Detroit. Wear it loud. — Courtney" |
| Customer service | Direct, no defensiveness | "It's a blend of five pigments — here's how to make them fuse." |
| Wholesale / press | Drop the mysticism, keep the craft | "Small-batch multi-pigment cosmetics, hand-blended in Detroit. 50% wholesale." |
"Five pigments, one glow. Press it into a medium and it fuses."
"Built for flash. Shot under a ring light, a window, and a 395nm blacklight."
"Mixed by hand in Detroit, forty jars at a time."
"Start with the $12 mini. Learn how it lays down, then size up."
"Our revolutionary formula" — every brand says this, it proves nothing.
"Perfect for any occasion!" — nobody buys holographic pigment for any occasion.
"Sorry, it's a bit sparkly" — never apologise for the product.
"Luxury" more than once per page. Show it in the detail instead.
.00. "$45", not "$45.00". Keep cents only where they are real: "$65.99".05 — Colour
One spectrum, one set of UV neons, one deep ground. The spectrum is the brand — it never appears as a single flat colour, always as a gradient that moves. The ground is what makes it read as expensive instead of loud.
linear-gradient(100deg, #FF4FD8 0%, #FF2F92 16%, #FFD85E 34%, #00EAA7 52%, #3FE8FF 70%, #9C5BFF 88%, #FF4FD8 100%) — the stops wrap so it can loop forever without a seam. Always animate background-position, never re-render the gradient.
#FF4FD8Spectrum head. Primary accent, hover glows.#FF2F92Shared with Kismet Candles. Links, shade names, CTA glow.#FFD85EShared. Stars, ratings, low-stock badges.#00EAA7Shared. Success states, confirmations.#3FE8FFKismet Glitter only. Focus rings, cool end of the sweep.#9C5BFFShared. Ambient auras, the bridge to Rebirth Ritual.#FF2BD6Replaces both pinks under UV.#00F0FFThe bulb, focus, "glows UV" badges.#B6FF3CReplaces Solar Opal under UV.#7B2BFFThe wash, the room glow, the page ground bloom.The UV neons are never used in the daylight state. They exist only inside :root.uv, where they overwrite the spectrum tokens. That is what makes the flip feel like a physical light change rather than a theme switch.
#0A0710Page ground. Violet-leaning black.#150E1ECards, panels, raised surfaces.#241A2EBorders, dividers, inactive chips.#F6F1FABody text on dark. 15.9:1 on Obsidian.#B9A8C9Secondary text. 8.4:1 on Obsidian.#100617Text laid on the spectrum — buttons, chips.Never fill a large area with one spectrum colour. The spectrum is a gradient. A flat fuchsia hero would look like a different brand. Single hues are for 1–2px rules, small text, icons and glows only.
Text on the spectrum is always Ink #100617. Never white — the yellow and jade stops drop white text below 3:1.
The ground carries 80% of the surface area. Colour is the jewellery, not the dress. If a screenshot looks like a rainbow, cut the colour by half.
Contrast floors: body text ≥ 7:1, secondary ≥ 4.5:1, non-text UI ≥ 3:1. Moonlight on Obsidian is 15.9:1 and Ash Lilac is 8.4:1, so the floor is met with headroom for the ambient glows sitting behind them.
Kismet Candles' palette is "Electric Rebirth". Four of its six colours are ours too — that shared core is what makes the two sites feel related without looking like the same site.
| Role | Kismet Candles — Electric Rebirth | Kismet Glitter — Prism Riot | Relationship |
|---|---|---|---|
| Hot accent | Cosmic Fuchsia #FF2F92 | Fuchsia Flare #FF2F92 | Identical. The family anchor. |
| Warm accent | Solar Honey #FFD85E | Solar Opal #FFD85E | Identical. |
| Cool accent | Electric Jade #00EAA7 | Electric Jade #00EAA7 | Identical. Also a shade name in the glitter line. |
| Violet | Holographic Violet #7A5CFF/#9C5BFF | Holo Violet #9C5BFF | Glitter takes the brighter of the pair. |
| Deep accent | Deep Neon Teal #007A9B | Cyan Prism #3FE8FF | Diverges. Candles go deep and moody; glitter goes bright and electric. |
| New | — | Aura Pink #FF4FD8 | Glitter only. Pushes the spectrum a step hotter. |
| Ground | Graphite Void #1E1E22 (neutral) | Obsidian Veil #0A0710 (violet, darker) | Diverges. Glitter is darker so pigment reads brighter. |
| UV set | — | Four UV neons | Glitter only. No other Kismet brand has a blacklight state. |
The rule of thumb: if you put a Kismet Candles page and a Kismet Glitter page side by side, three colours should be exactly the same and the ground should obviously not be.
06 — Type
Three families, no more. The display serif is what buys the "editorial" claim; the script is the family signature shared with Kismet Candles; the sans stays out of the way.
Where skin becomes art
High-contrast Didone. The thin strokes are the point — they read as a beauty magazine masthead and they make the holographic gradient behave, because a thick face would swallow the sweep. Headlines and prices only. Never below 18px, never for body copy, tracking -0.01em at display sizes.
Welcome to your glow era.
The family handwriting. Used for shade names on product cards, taglines and sign-offs — never for more than one line, never for anything a customer must read to complete a task. Always in Fuchsia Flare or on the spectrum.
Hand-blended in small batches using luminous pigments, holographic mica blends and skin-loving bases that melt into the face and body. Every formula is designed to transform, not mask.
Everything functional: paragraphs, buttons, labels, navigation, form fields. Line height 1.65 for body, 1.3 for UI. Eyebrows are 700 at 0.72rem with 0.28em tracking, uppercase.
--ease-glow: cubic-bezier(.22, 1, .36, 1);
Hex values, tokens and code in this guide and in design notes. Never on the customer-facing site.
| Role | Family | Size | Notes |
|---|---|---|---|
| Hero H1 | Bodoni Moda 400 | clamp(2.9rem, 1.3rem + 8.4vw, 7.2rem) | line-height .94, max 16ch |
| Section H2 | Bodoni Moda 400 | clamp(1.9rem, 1.1rem + 3.2vw, 3.4rem) | line-height 1.08 |
| H3 / collection | Bodoni Moda 400 | clamp(1.2rem, 1rem + .9vw, 1.6rem) | |
| Product name | Inter 600 | 1rem | Deliberately not the serif — it has to be scannable in a grid |
| Shade name | Dancing Script 600 | 1.28rem | Fuchsia Flare |
| Price | Bodoni Moda 400 | 1.18rem | The serif makes the number feel considered |
| Body | Inter 400 | clamp(1rem, .96rem + .18vw, 1.06rem) | line-height 1.65, max 74ch |
| Eyebrow | Inter 700 | .72rem | uppercase, .28em tracking |
| Button | Inter 600/700 | .85rem | .03em tracking |
07 — Marks
All three are drawn as SVG, work in one colour, and hold at 16px. Direction A is the recommendation; the others are here so the choice is a real one.
A triangle takes one beam of white light and hands back the whole spectrum. The eye at its centre is fate looking back — kismet. It states the product mechanic (multi-pigment refraction) and the brand idea (destiny) in one shape.
Use: the primary lockup, favicon, packaging seal, embossed on a lid.
The four-point sparkle that already lives in every specular highlight the product makes. Instantly legible, joyful, and the most native to TikTok of the three. The trade-off: it is the most generic — a lot of beauty brands own a sparkle.
Use: a supporting device rather than the primary mark. Bullet glyph, loading state, sticker, the dot on the "i" in the wordmark.
No symbol at all. "KISMET" in hairline outline sits above "GLITTER" filled with the live spectrum, and a specular band travels across it every few seconds. Since the brand's entire promise is what light does to a surface, the wordmark performs the product instead of describing it.
Use: site header, video end-cards, the front of a label. Needs a solid one-colour fallback for embossing and any print under 30mm.
A + C together. The Prism Eye is the symbol (favicon, seal, lid, avatar, anywhere square or tiny); the Holographic Wordmark is the lockup (header, packaging front, end-cards). The Glitter Star (B) demotes to a repeating device — bullets, loaders, stickers, confetti — so the identity has a small mark, a full lockup and a texture, without three competing logos.
Minimum clear space around any lockup is the height of the "K". Nothing enters it — not a badge, not a price, not the edge of a photo.
Prism Eye: 16px screen / 8mm print. Wordmark: 110px wide screen / 28mm print, and below that use the flat fallback.
Never put the spectrum wordmark on a light background — the yellow stop disappears. Use the flat Ink version instead.
Never stretch, rotate, or add a drop shadow.
Never re-colour the Prism Eye into a single brand hue; it is either full spectrum or a single neutral.
Never place the mark over busy product photography without a scrim.
08 — Motion
Motion is not decoration here — it is the product demo. A holographic pigment only exists when light moves across it, so a still photograph structurally under-sells what Courtney makes. The site's job is to move the light for you.
One archetype, applied everywhere: Premium base, Energetic accents. Premium timings and easing carry the page (350–620ms, no overshoot) so it feels expensive; short Energetic hits (140ms, up to 12% overshoot) land on anything the user touched, so it feels alive. Nothing bounces on its own — bounce is a reward for interaction.
| Token | Value | Used for |
|---|---|---|
--dur-quick | 140ms | Hover, press, chip toggle, nav underline |
--dur-base | 320ms | Cards, filter FLIP, state change |
--dur-slow | 620ms | Section reveal, the UV flip, shadow follow |
--dur-reveal | 900ms | Hero lines only |
--ease-glow | cubic-bezier(.22, 1, .36, 1) | The signature. 80% of all motion. |
--ease-smooth | cubic-bezier(.4, 0, .2, 1) | On-screen moves, colour and background transitions |
--ease-exit | cubic-bezier(.3, 0, 1, 1) | Anything leaving — filtered-out cards |
--ease-pop | cubic-bezier(.175, .885, .32, 1.275) | Accents only — step numbers, social icons, chip fill |
--ease-sine | cubic-bezier(.37, 0, .63, 1) | Ambient loops — sweep, aurora, breathing |
--stagger | 60ms (40ms in grids) | Cascades. Total budget never exceeds 500ms. |
--shimmer | 2400ms | One specular pass across a swatch |
--spectrum | 18s | One full loop of the holographic gradient |
Linear is banned for spatial movement. Two documented exceptions: the marquee ticker and the holographic gradient loop, both of which must be linear or they visibly stutter at the loop seam.
A specular band travels across a holographic gradient clipped to the glyphs. The brand signature — it is what a pigment does when you tilt it.
18s loop · ease-sine · background-position onlyThe whole page changes lighting. A violet wash expands from the toggle, tokens swap to UV neons, UV products bloom and breathe. The hero interaction of the site.
620ms · ease-glow · radial wash from the button's own coordinatesA canvas of ~110 particles behind the hero. They drift up, twinkle on independent cycles, repel from the pointer with a lerp, and parallax on scroll by depth.
1 particle / 12,000px² · capped 110 · paused offscreen and when hiddenCard hover: it lifts 6px, the swatch gradient rotates 14° and scales, a specular band crosses it, and the shadow arrives 60ms after the card — follow-through, so it reads as weight rather than a CSS toggle.
320ms lift · 2400ms sweep · shadow delayed 60msReveals rise 20px with a 60ms stagger. On the shop, filtering runs a real FLIP: leavers shrink out (160ms, accelerate), survivors are measured and inverted so they glide to their new position, newcomers cascade in.
160ms out · 320ms FLIP · 40ms cascade · total under 500msThe education move. A scrubber wipes between separate pigment flakes in the jar and the fused glow on skin. It auto-sweeps on a 5.2s sine until you touch it, then it is yours.
5.2s sine loop · stops permanently on first inputbox-shadow, filter or layout properties on more than a couple of elements.visibilitychange.Under prefers-reduced-motion: reduce every animation and transition collapses to 0.001ms, reveals start visible, the hero lines are already in place, the particle canvas draws exactly one static frame, the marquee stops scrolling and wraps instead, the auto-scrubber never starts, and the FLIP is skipped in favour of a plain DOM swap. The page must be completely legible and completely shoppable with every animation removed. Test it by forcing the media query, not by trusting the CSS.
Vestibular safety: no full-screen zooms, no parallax deeper than two layers, no spinning element larger than 100px, and the UV wash — the biggest single move on the site — is skipped entirely under reduced motion while the colour change still happens.
09 — Photography
This is the single highest-leverage thing Courtney can produce, and it directly answers the only bad review the shop has. One image is a guess. Three is a proof.
Dark, saturated grounds — the pigment has to be the brightest thing in frame.
Skin at multiple tones. The pigment reads differently on each and that is a selling point, not a problem.
Motion blur on a tilt. A still holographic swatch is a lie about the product.
Include the jar in at least one frame per shade so scale is honest.
Shoot in batches of eight to twelve shades in one session — the studio only has one person.
No white seamless backgrounds — the holo disappears and it reads as a supplier catalogue.
No heavy retouching of the glow. If it needs a filter to look good, reshoot the light.
No flat overhead lighting, ever. It is the one lighting condition that makes every product in this shop look cheap.
No stock hands. Courtney's own hands and her actual models only — the brand's whole claim is that a person made this.
Six hero shades × 3 frames = 18 images gets the homepage and the top of the shop grid looking real: Holographic Stardust, Rainbow, Amethyst Prism, UV Glow Electric Pink, Miami Prism Set, Holographic Pearl. After that, one raw + one applied for every remaining shade, blacklight only where it applies. Full list in docs/design-notes.md.
10 — Packaging & labels
Clear-bodied so the pigment sells itself through the wall — the product is the packaging. Black lid, matte. The Prism Eye foiled or embossed on the lid in holographic foil where budget allows, single-colour on the seal where it does not.
Black mailer, one holographic Prism Eye sticker as the seal. Nothing else. The restraint on the outside is what makes the inside land.
Postcard, black, spectrum rule. Front: "Welcome to your glow era." Back: the four application steps, and one handwritten line from Courtney. The steps on the card are the same four on the site — say it twice.
A $12 mini in a shade the customer did not order, on any order over $60. It converts the education problem into a gift and it is the cheapest review-generating device available.
12 — The Kismet family
Rebirth Ritual is the door, Kismet Candles and Kismet Glitter are the two rooms. They have to read as related without reading as the same. These are the rules that do that.
| Rebirth Ritual | Kismet Candles | Kismet Glitter | |
|---|---|---|---|
| Role | Lifestyle journal and gateway. Sells nothing. | Product site — ritual skull candles | Product site — makeup |
| Voice | Calm, editorial, seasonal | Warm, witchy, intention-led | Loud, declarative, editorial-glam |
| Ground | Dark + candlelight warmth | Graphite Void #1E1E22 | Obsidian Veil #0A0710 |
| Palette | The softer second palette | Electric Rebirth | Prism Riot + UV neons |
| Signature motion | Slow scroll reveals, candle-light drift | Starfield and rising embers | Prism sweep, UV flip, glitter field |
| Display face | Cormorant-class serif | Cormorant-class serif | Bodoni Moda |
| Script | Dancing Script — shared by all three. It is the family's handwriting. | ||
Dancing Script is the accent face on all three sites. Nothing else may be.
Fuchsia #FF2F92, Solar #FFD85E, Jade #00EAA7 appear in all three palettes at the same hex. They are the thread.
Dark-first everywhere, with light tokens defined but not shipped.
"Designed by Brandon Harvey" sits in every footer.
Static HTML, no build step. Every page opens from disk.
prefers-reduced-motion respected on all three. The page must work with zero animation.
Under ~600 KB per page excluding remote images.
Every cross-brand link carries UTMs — utm_source is the sending domain, utm_medium=referral, utm_campaign is the placement.
GA4 behind a window.<BRAND>_GA_ID guard so nothing loads until an ID exists.
Kismet Glitter is the loudest of the three and it should be. It is the only one with a UV state, the only one using Bodoni Moda, the only one with a particle canvas, and it has the darkest ground of the family so pigment reads brightest against it. If a Kismet Glitter page ever feels as calm as a Rebirth Ritual page, something has gone wrong.
The Etsy shop currently lists Kismet Candles skull candles alongside the makeup. On the web that stays split: kismetglitter.com never sells a candle, it links to kismetcandles.com. The shop page footer says so explicitly, so a customer arriving from an Etsy candle listing is not confused. Rebirth Ritual links out to both and sells nothing itself.
11 — Social templates
Three sizes, one system.
Drawn at true platform ratios. Realistic cadence for a two-person studio is three posts per week per brand, batch-shot — so the templates have to survive being filled quickly.
Rules for the feed