Screens
Whole pages and layouts to start from. 13 parts.
13 parts
Full screens and layout, 13 parts
- HomePageThe first screen: a headline backed up by the list of tasks right below it.
- ThreadPageA full answer with the assistant's thinking, the steps it took, sources and feedback.
- WorkflowPageA task in progress, shown as a conversation: heading, checklist, approval request and steps.
- StudioPageA creative studio: write a prompt and see options on the left, the one you pick on the right.
- AppShellThe outer frame of a screen: a narrow side panel and one main area.
- HomeTemplateThe first screen of a new conversation: one greeting and one tray, centered.
- ThreadTemplateA conversation that scrolls, with the message box fixed at the bottom.
- SplitCanvasTemplateChat or controls on the left, and the thing you are making on the right.
- StackStacks things top to bottom with an even space between them.
- ClusterExperimentalA row of items that wraps to the next line when it runs out of room.
- GridA grid that changes its number of columns to fit the screen.
- ContainerA centered column with a set width and margins on the sides.
- RevealMakes new content ease into view, one after another.