Iconography · Overview
Iconography.
Perelel's iconography is minimalist and clinical. Hairline geometry on a 16×16 grid, drawn proprietary to the brand. It avoids generic wellness-illustration tropes — no gut icon for fiber, no leaf for botanicals, no brain for cognition. When a glyph is needed, the answer is typographic or geometric, not literal.
Seven icon systems.
Each family answers a different question on a product surface. Same rules, different roles.
Global iconography.
Typographic glyphs, geometric markers, the dagger family, the Perelel Mark, and the Lucide fallback for utility needs.
Benefit icons.
Hairline glyphs covering ingredient- and pill-level benefit claims across every product detail page.
Product icons.
Hairline marks for the brand’s physical formats — jars, stick packs, daily sachets, and the individual pill blends inside them. Used in “What’s inside” modules, routine builders, and clinical dosing diagrams.
Trust & Value badges.
Doctor-formulated, clinically-proven, breastfeeding-safe, HSA/FSA, and the “New” and “Best Seller” merchandising stickers.
Standards icons.
Six stage-disc markers for the PDP “Our Standards” accordion — OB/GYN-formulated, doctor-recommended doses, research-backed, 3rd-party tested, batch purity, FDA-registered manufacturing.
Ingredient indicators.
Packaging dietary callouts — Pregnancy Safe, Non-GMO, Gluten-Free, Low FODMAP, Soy Free, plus the Fiber set.
Instructional icons.
Dosage, timing, and mode glyphs — how many pills, when, with food or empty. Live on packaging back panels, PDP "How to take it" modules, and the Clinical kit.
Geometric, hairline, typographic.
Every Perelel icon is drawn proprietary to the brand. Glyphs sit on a 16×16 grid in currentColor, set in 1.25px strokes with square caps and miter joins. Geometry is built from straight lines and right angles; curves appear only when the concept demands a circle, and never as organic flourish. No fills, no gradients, no decorative embellishment.
Each icon should resolve to a clear typographic concept and pair comfortably with a Neue Montreal Mono label at the same cap height. When the system doesn’t yet ship a glyph for a utility need (close, chevron, search), Lucide is the approved fallback: load from unpkg.com/lucide-static/icons/ and override stroke weight to 1.25px to match the hairline aesthetic. Never icon fonts. Never colored emoji—monochrome Unicode glyphs and typographic punctuation are the brand’s “emoji” set.
What we don’t do.
- Colored emojiNo 🌸 💧 🤍 or any illustrated full-color glyph. Monochrome Unicode (✓, +, ·, *, ◇) is the brand’s emoji set.
- Icon fontsNo FontAwesome, no Material Icons, no Phosphor.
- Wellness symbologyNo leaves, droplets, ribbons, flowers, or brain icons.