Haketi iconography

Clear, expressive icons for everyday interface moments.

Phosphor’s regular weight is the core Haketi UI style: friendly, legible, and quiet enough to support the content.

System rules

Use one icon family and one visual weight per context. Default to 20–24px in controls and 28–32px in feature cards.

Use icons to clarify

Icons should reinforce an action, state, or category—not replace clear labels in high-stakes controls.

Continue to workspace

Keep the accent intentional

Use primary purple for active, interactive, or brand-forward moments. Use ink for neutral utility icons.

Core UI set

These are the most useful starting icons for Haketi navigation, actions, and product interfaces.

house
search
notifications
profile
settings
more
next
back
add
close
confirm
delete

Product patterns

Pair Phosphor icons with labels for compact, immediately understandable controls.

Feature icon cards

For marketing sections, an icon lives in a softly rounded, tinted container.

Everything connected

Keep the work, context, and people behind an initiative easy to reach.

Progress you can see

Make progress legible with a shared view of the work that matters.

Built for teams

Give everyone a clear place to contribute and find their next move.

Size scale

Use the smallest size that keeps the symbol clear.

16px · inline
20px · control
24px · navigation
32px · feature
48px · emphasis