restrained-iconography

name	restrained-iconography
description	Use when adding icons to a layout. Luxury brands use minimal, custom-feeling iconography. Avoid generic icon-set look.

Restrained Iconography

Custom or curated icon set, monoweight (one stroke width), in brand colors only. Never use multi-color icon sets — they read as casual.

Icon family choice

Pick ONE icon family:

1. Lucide React (clean, monoweight, free)
2. Phosphor (versatile, weight variants)
3. Heroicons (Tailwind ecosystem)
4. Iconoir (open source, premium feel)
5. Custom SVG set — for the highest brand value

Never mix families. Even subtle stroke-width differences break brand cohesion.

Icon scale and weight

Use case	Size	Weight
Inline body	16px	regular
Nav	20px	regular
Buttons	16-20px	regular
Feature icons	24-32px	regular or bold
Hero	40-64px	thin or regular

Color discipline

Icon color options:

1. Current text color (inherit)
2. Brand accent for emphasis
3. Reduced opacity (60-70%) for secondary

Never:

1. Multi-color icons (red+green checkmarks, etc.)
2. Gradient fills
3. Drop shadows on icons
4. Different colors per icon (rainbow effect)

Where this fits in the X3 empire

Used across CardPrepAI for consistent iconography.