---
url: https://brand.okrado.com/layout/modes/
title: Layout modes
description: "Operate and Persuade: which layout a surface uses and what each mode allows."
kind: explanation
owner: hmdmsd
updated: 2026-11-03
review_by: 2027-02-28
audience:
  - designer
  - developer
---

# Layout modes

> Operate and Persuade: which layout a surface uses and what each mode allows.

There are two surface modes. Pick one before you design.

| Aspect     | Operate                                         | Persuade                          |
| ---------- | ----------------------------------------------- | --------------------------------- |
| Surfaces   | apps, the portal, consoles, `@okrado/ui`        | this site, okrado.com, marketing  |
| Density    | 13 to 14 px, tables, `comfortable` or `compact` | the section rhythm (96 to 168 px) |
| Type       | Inter; Archivo only for page numbers            | Archivo for headings              |
| Controls   | the standard `@okrado/ui` controls              | the same, with larger spacing     |
| Hero moves | none                                            | one: the specimen or the loop     |

Inside Operate, a page is composed from the [shell](https://brand.okrado.com/layout/shell/) and one of the [page templates](https://brand.okrado.com/layout/templates/). A workspace layout, with panes and a focus mode, is planned for editors and is specified before it is built.