DESIGN SYSTEM

Nav Freshness Indicators

Four ways to show “X new resources” on dropdown items in the internal nav. Each uses Library (3 new) and Faculty Resources (1 new) as example data. Hover to open the dropdowns.

V01

Pill Badge

Crimson pill with 'X new' inline next to each item. Total count badge on the trigger button. Classic notification pattern — high visibility, immediately scannable.

pillcounthigh-vis
V02

Dot + Subtle Text

Small crimson dot next to items with updates. Muted 'X new' count right-aligned. Pulsing dot on the trigger. Quieter — signals without shouting.

dotpulsesubtle
V03

Highlighted Row

Items with new content get a crimson-wash background and left border by default. The whole row signals freshness. No badge on trigger — the highlight speaks when you open.

row-highlightwashstructural
V04

Grouped Sections

Items with updates grouped under a 'Recently Updated' header at the top, separated by a divider. Count shown as '+3'. Organized and informational.

groupedheaderorganized