Insyte

15.06Component

Separator & scroll.

Quiet structural primitives. Separator marks a break inside content; ScrollArea is the brand-styled container for overflow regions.

Separator · horizontal

Profile

Display name, avatar, signature.

Notifications

Email, in-app, and Slack thresholds.

Separator · vertical

Allure Co.

9 members

Business Plus

ScrollArea · 220px tall

tag-01

tag-02

tag-03

tag-04

tag-05

tag-06

tag-07

tag-08

tag-09

tag-10

tag-11

tag-12

tag-13

tag-14

tag-15

tag-16

ScrollArea ships its own thumb styling: 8px wide, arc on hover. Use over native overflow when the container has a fixed height and you want the scrollbar to read as part of the brand.

Separator: 1px · bg-hairline · h-px (horizontal) · w-px (vertical)
ScrollArea track: transparent · 8px wide
ScrollArea thumb: bg-ink-5 default · bg-arc on hover · rounded-full
use Separator when: content sections need a quiet break · not as card border
use ScrollArea when: fixed-height container needs branded scrollbar