Orient Patterns | LlamaPress Pattern Catalog

Pattern · Demo Back Link A single explicit "back to where this came from" control on a leaf screen, so leaving does not depend on the browser's Back button or on remembering the route. Orient

Pattern · Demo Breadcrumbs A trail showing where the current screen sits in the hierarchy, with every ancestor clickable — the answer to "how did I get here" that survives a deep link. OrientFind & Navigate

Pattern · Demo Collapsible Section A named section that folds away, keeping its heading and a count visible — disclosure that lets someone open several sections at once, unlike tabs. OrientInspectScan & Understand

Anti-pattern · Demo Dashboard Disease Everything becomes a dashboard — numbers, charts and tiles — even though the people opening it came to do work, not to look at work. OrientScan & Understand

Pattern · Demo Empty State What a screen shows when it has nothing to show — which is either someone's first impression of the feature, or proof that their work is done. OrientFeedback & Recovery

Information architecture · Demo Hub and Spoke A central object with everything else hanging off it — the shape most business software actually is, and the one that decides what "home" means. OrientFind & Navigate

Information architecture · Demo Inbox-First Application The app opens on what needs you, ordered, rather than on a summary of everything — so the first screen is a worklist you can empty, not a dashboard you look at. OrientAct & Decide

Pattern · Demo Lifecycle Status One named state per record, drawn from a small closed set that everyone in the business already says out loud — the single field that answers "what happens to this next". OrientMove Through Workflow

Pattern · Demo Loading Skeleton Grey placeholder shapes in the layout the real content will occupy, so a slow screen shows what is coming instead of a spinner or a blank. Feedback & RecoveryOrient

Pattern · Demo Object Identity Header A record page opens by saying what this record is, what state it is in, and the two or three facts that decide what you do next — before any detail. OrientInspect

Pattern · Demo Persistent Navigation A navigation surface that is present and identical on every screen, so "where can I go" never has to be answered by the page itself. Orient

Anti-pattern · Demo Save and Teleport Saving throws the person somewhere else — a list, a dashboard, the top of the page — so they lose their place and cannot tell whether it worked. Edit & ManipulateOrient

Pattern · Demo Tabs One record or screen split into a few named sections, only one visible at a time, with the section in the URL so a tab can be linked to. OrientInspect

Visual grammar · Demo Words and Labels The text is the interface. A button named after its outcome, a label in the customer's vocabulary and an error that says what to do next do more than any amount of layout. OrientAct & Decide