Shell · 1 screen + 3 responsive variants
App shell — authenticated layout
Drawn at desktop width. Responsive variants follow below.
☰
sexton.ai
Grounds › Map4
Oak Hill Memorial1
🔔 32
HM ▾3
Navigation rail5
Grounds
Map
Plots
Upkeep
Contractors
Stones · coming soon
Training · coming soon
Burials
New
In progress
Complete
Archive
Records
Log book
Regulations
Documents
Catalog
Community
Board
Conversations
FAQ
Settings
Members
View header
Screen title
One line saying what this screen is for.
Primary actionSecondary
Working stage
Community board6
thread · unread
Annotations
- Cemetery switcher (dropdown). Switching re-resolves the entire session against the cemeteries the user is authorised for — data, rail badges and alerts all change. Not a cosmetic label swap.
- Notification bell with real alerts. Alerts are derived from records (overdue work orders, unfiled permits, threads awaiting staff), never authored by hand; they clear themselves when the condition resolves.
- User menu. Profile and sign-out only — settings live in the rail so they are discoverable.
- Breadcrumb mirrors the rail group › screen, doubles as a back link on detail pages.
- Five rail groups, one visual language. The active screen’s group is highlighted; “coming soon” items are greyed with an explicit label, never hidden.
- Review questionRight-hand community board shows recent unread threads on every authenticated page. Open question for review: keep on all screens, or only where conversations matter?
Rail · stage · community board, all persistent.
Community board collapses into a slide-over panel opened from the top bar.
Rail becomes an off-canvas drawer behind ☰. All nav targets ≥ 44px tall; no horizontal scroll at 360px.