[Screen Name]

Purpose

• Primary job:
• Outcome:

Primary User

• Persona:
• Secondary persona:

Layout

• Frame: desktop-default
• Grid: grid.columns=12, grid.columnWidth, grid.gutter
• Shell components:

1. SF/Global/Nav/Sidebar/Expanded
2. SF/Global/Nav/Header/Default

Components

Component name	Position	Size	Data	States
SF/...	Grid column tokens + spacing tokens	Tokenized size references	Data fields used	State variants

Data Fields

Field key	Type	Source	Display token
field_name	`string	number	date

States

Loading

• Placeholder components:
• Visible actions:

Empty

• Empty prompt:
• Primary action:

Error

• Error banner token:
• Retry action:

Populated

• Data density:
• Priority interactions:

Feature-Specific

• State name:
• Trigger:
• Visual treatment tokens:

Navigation Targets

Interactive element	Target screen	Interaction
component_ref	screen-name	click

Content Map Key

• content_map_key:
• Help panel link:

Accessibility Notes

• Heading hierarchy:
• Keyboard navigation:
• Focus indicators:
• Contrast token references: