Pieces

Upcoming-holiday strip with a rose book tile, country caption, and a mono date chip on the right.

OOO strip where days tint amber for half-days and rose with strikethrough for full out-of-office days.

Two-column grid of preset meeting templates, each showing the label and its intended time slot.

Imminent meeting banner with a sky Join button and stacked attendee avatars ringed by RSVP status.

Month-long sky-shaded heatmap that darkens with meeting load, paired with a quiet-to-packed legend.

Quarterly roadmap strip with violet-ringed milestone dots spaced along a rail and labels underneath.

Compact month summary pill with today tile on the left, a dotted event indicator, and a plus button.

Sun-schedule card with sunrise and sunset mono times flanking a large daylight duration in the center.

KPI label, a bold value, and a signed percentage trend badge.

Mini SVG line plotting any number array. Tone sets the stroke color.

Sale price next to a struck-through original, with a rose discount badge.

Avatar with name, role, and a presence dot in emerald, amber, or slate.

Checkable todo row with priority chip and due caption. Done tasks strike through.

Bell icon with a rose count badge and an optional label. Counts over 99 clamp to 99+.

HTTP method chip paired with a monospace path and a short summary line.

Pricing tier with a headline amount, period, and a stack of check-marked features. Featured tier flips to primary.

Package icon paired with an order ID, item count, a colored status dot, and an optional ETA.

Compact commerce tile with a warm gradient thumbnail, overlay tag, save heart, and a strikethrough original price.

Standard plan tile with a uppercase name, big price, tagline, four feature bullets, and an outline CTA.

Highlighted plan with a gradient border, Most popular badge on top, and a filled gradient CTA button.

Plan picker with a monthly vs yearly pill toggle, dynamic price, and a savings chip on the yearly side.

Consumption plan card with a per-unit rate, a bubble of included volume, and an overage note below.

Inverted plan card in foreground paint, showing enterprise callouts and a contact-sales CTA.

Limited-offer card with a rose discount tag, ticking countdown, strikethrough original, and bold sale price.