Zetta v1.6

Templates · List + detail

List + detail

The two-pane workspace: a scrollable list on the left, the selected item's detail on the right. The active row is marked with the Primary tint; the detail pane carries the record's header, status and fields. The backbone of inboxes, CRMs and admin tools.

AC Ava ChenEngineering Active LP Liam ParkDesign Pending NR Noah ReyesProduct Invited
AC
Ava Chen
Engineering · joined 2023
Emailava@zetta.dev
RoleSenior Engineer
StatusActive

What it composes

  • A list pane with a search input and selectable rows (avatar + name + status badge); the active row uses the primary-bg tint.
  • A detail pane with a header (avatar, name, actions) and a stack of labelled fields. On mobile the list and detail become two stacked views with back navigation.