Iconography Style Keeper
When to use
Use this skill when icons are mismatched in weight, fill, or color. Symptoms include a slide with one line icon next to one solid glyph, icons at different stroke weights, icons in random colors, a mix of flat and skeuomorphic styles, and clip-art icons sitting beside clean brand icons. Run this in Stage 3 with the other brand-asset work.
What it does
It converts the deck's icons to a single, consistent system in the brand style: one stroke weight, one fill convention, one corner treatment, one color rule, and a consistent optical size. The result is a deck where icons look like a designed set rather than a collection of finds.
Method
An icon system is defined by a few consistent attributes. The job is to pick the system and bring every icon onto it.
Define the target style. Decide the system from the brand: line or solid, the stroke weight (for line icons), the corner radius (sharp or rounded), the color rule (single brand color, or two-tone), and the optical size on a slide. If the brand has an icon library, use it as the source of truth.
Inventory the icons. Walk the deck and record every icon: its style, weight, fill, color, and size. Note which are on-system and which are not.
Replace off-system icons. For each off-system icon, find the closest equivalent in the brand library (or a consistent open icon set already in use) and swap it in. Do not try to hand-edit a clip-art glyph into the line style; replace it.
Normalize weight and corners. For line icons, set a single stroke weight so thick and thin icons match. For corners, apply the system's radius consistently so some icons are not sharp while others are rounded.
Apply the color rule. Recolor all icons to the brand's icon color (often the primary or a neutral), keeping the one-accent rule: an icon may take the accent color only when it is the emphasized element on the slide. Bind icon color to a theme slot so it moves with the theme.
Size optically, not by bounding box. Set icons to a consistent optical size. Because a circle and a tall rectangle with the same bounding box look different in weight, adjust so they read as the same size rather than matching pixel boxes.
Align to text and grid. Vertically center icons with their adjacent labels and align icon rows to the layout grid so a row of feature icons sits on one baseline.
Inputs
- The deck.
- The brand icon library or the icon-style rules (line or solid, stroke weight, corner, color, size). If undocumented, ask, or pick one consistent open set and state the choice.
Output format
An icon system report:
- The target style, restated: style, weight, corner, color rule, size.
- A per-icon list: current style and the action (swap to library, recolor, re-weight, resize, realign).
- A note on any icon kept as-is and why.
Close with a confirmation that all icons share one weight, one fill convention, one corner, and the brand color rule.
Example
Input: a four-feature row mixing two line icons, one solid icon, and one clip-art glyph in three colors.
Output:
- Target: line icons, single stroke weight, sharp corners, primary brand color, one optical size.
- Swap the solid icon and the clip-art glyph for line equivalents from the brand library.
- Recolor all four to the primary, bound to the theme slot.
- Resize to one optical size and align on one baseline.
- Result: a coherent four-icon set in the brand style.
1---2name: iconography-style-keeper3description: Unifies mismatched icons into one consistent system in the brand style, matching weight, fill, corner, and color.4---56# Iconography Style Keeper78## When to use910Use this skill when icons are mismatched in weight, fill, or color. Symptoms include a slide with one line icon next to one solid glyph, icons at different stroke weights, icons in random colors, a mix of flat and skeuomorphic styles, and clip-art icons sitting beside clean brand icons. Run this in Stage 3 with the other brand-asset work.1112## What it does1314It converts the deck's icons to a single, consistent system in the brand style: one stroke weight, one fill convention, one corner treatment, one color rule, and a consistent optical size. The result is a deck where icons look like a designed set rather than a collection of finds.1516## Method1718An icon system is defined by a few consistent attributes. The job is to pick the system and bring every icon onto it.19201. **Define the target style.** Decide the system from the brand: line or solid, the stroke weight (for line icons), the corner radius (sharp or rounded), the color rule (single brand color, or two-tone), and the optical size on a slide. If the brand has an icon library, use it as the source of truth.21222. **Inventory the icons.** Walk the deck and record every icon: its style, weight, fill, color, and size. Note which are on-system and which are not.23243. **Replace off-system icons.** For each off-system icon, find the closest equivalent in the brand library (or a consistent open icon set already in use) and swap it in. Do not try to hand-edit a clip-art glyph into the line style; replace it.25264. **Normalize weight and corners.** For line icons, set a single stroke weight so thick and thin icons match. For corners, apply the system's radius consistently so some icons are not sharp while others are rounded.27285. **Apply the color rule.** Recolor all icons to the brand's icon color (often the primary or a neutral), keeping the one-accent rule: an icon may take the accent color only when it is the emphasized element on the slide. Bind icon color to a theme slot so it moves with the theme.29306. **Size optically, not by bounding box.** Set icons to a consistent optical size. Because a circle and a tall rectangle with the same bounding box look different in weight, adjust so they read as the same size rather than matching pixel boxes.31327. **Align to text and grid.** Vertically center icons with their adjacent labels and align icon rows to the layout grid so a row of feature icons sits on one baseline.3334## Inputs3536- The deck.37- The brand icon library or the icon-style rules (line or solid, stroke weight, corner, color, size). If undocumented, ask, or pick one consistent open set and state the choice.3839## Output format4041An icon system report:4243- The target style, restated: style, weight, corner, color rule, size.44- A per-icon list: current style and the action (swap to library, recolor, re-weight, resize, realign).45- A note on any icon kept as-is and why.4647Close with a confirmation that all icons share one weight, one fill convention, one corner, and the brand color rule.4849## Example5051Input: a four-feature row mixing two line icons, one solid icon, and one clip-art glyph in three colors.5253Output:5455- Target: line icons, single stroke weight, sharp corners, primary brand color, one optical size.56- Swap the solid icon and the clip-art glyph for line equivalents from the brand library.57- Recolor all four to the primary, bound to the theme slot.58- Resize to one optical size and align on one baseline.59- Result: a coherent four-icon set in the brand style.
andreworia