Layouts / Record layoutOpen in Figma
Record layout
ReadyFor one record: what it is, its details, its history, and any decision on it.
Two versions
| Version | Use | Header |
|---|---|---|
| Default | Every record screen unless the brief asks otherwise | White header with record number, category and priority, date and requester |
| Navy header | Only when asked for | Navy record header with who the record belongs to |
Default
categoryCategory
Date and timeABRequestercallchat
notes
SectionSection content that can run over two lines of text
group
SectionSection content that can run over two lines of text
currency_rupee
SectionSection content that can run over two lines of text
chatActivityAdd a commentABNameComment
Current status • timeStatus
| Region | Holds | Required | |
|---|---|---|---|
| 1 | Header | Back, record number, more menu; category with priority flag; date; requester with call and chat | Yes |
| 2 | Details | Sections on a Field fill, each with an icon, a small caption and the content, split by thin lines | Yes |
| 3 | Activity | Comments and status changes in one log, with a comment box at the top | Yes |
| 4 | Current status bar | Current status and how long ago it changed; the decision buttons sit here when someone must act | Yes |
Navy header, when asked
AB
Name
Detail
date_range
Label
Value
location_on
Label
Value
devices_other
Label
Value
login
Event
| Region | Holds | Required | |
|---|---|---|---|
| 1 | Record header | Back, title, more menu, who it belongs to | Yes |
| 2 | Details | Detail rows grouped by meaning | Yes |
| 3 | History | Everything that happened, newest first | Yes |
| 4 | Decision bar | Approve and Reject, or the one main action | When the viewer must decide |
Rules
- Start every record screen from the default version; use the navy header only when the brief asks for it.
- The status shows once: in the current status bar of the default version, in the header area of the navy version.
- Activity holds both comments and status changes; there is no separate chat or history page. The navy version ends with a History section instead.
- Approve and Reject are stacked on phone, side by side on tablet. Reject always asks for a reason.