Pick one style per surface. Every style uses the same icon names and the same motion presets, so switching style is a one line change.
Rounded
The source style. 1.5 px strokes with round caps and joins. Every other style is drawn from it, so names and shapes always line up.
Outlined
Strokes turned into filled outlines, with tighter corners and flat line ends. Crisp at small sizes and easy to export as a single shape.
Filled
The main shape is filled and its inner details are knocked out. Pure line icons, like arrows, stay as lines.
Tokens: --feta-knockout
Sharp
Hard corners, square caps and miter joins. Circles stay round. Good for precise, technical interfaces.
Two tone
The main element at full strength, the rest at 40% opacity. Adds hierarchy without adding color.
Hand drawn
A subtle wobble, slight overshoot at line ends and a small overlap where shapes close. Stable per icon, so it never changes between builds.
Riso
Ink on top of a flat color plate, offset like a risograph print. Change the plate color with one variable.
Tokens: --feta-riso
Pixel
Redrawn on a 16 × 16 grid with lines exactly one cell wide. Do not mix Pixel with other styles in the same toolbar.
Glass
A gradient body with a soft highlight and a deep blue outline. Line icons get a gradient stroke.
Tokens: --feta-glass-from, --feta-glass-to, --feta-glass-ink
Neon
Two pink glow layers under a pale core line. Use it on dark backgrounds only.
Tokens: --feta-neon-glow, --feta-neon-core