5d438bb70c
## Summary - **New Getting Started section** with quickstart guide and restructured navigation - **Halftone-style illustrations** for User Guide and Developer introduction cards using a Canvas 2D filter script - **Removed hero images** (`image:` frontmatter + `<Frame><img>` blocks) from all user-guide article pages - **Cleaned up translations** (13 languages): removed hero images and updated introduction cards to use halftone style - **Cleaned up twenty-ui pages**: removed outdated hero images from component docs - **Deleted orphaned images**: `table.png`, `kanban.png` - **Developer page**: fixed duplicate icon, switched to 3-column layout ## Test plan - [ ] Verify docs site builds without errors - [ ] Check User Guide introduction page renders halftone card images in both light and dark mode - [ ] Check Developer introduction page renders 3-column layout with distinct icons - [ ] Confirm article pages no longer show hero images at the top - [ ] Spot-check a few translated pages to ensure hero images are removed 🤖 Generated with [Claude Code](https://claude.com/claude-code) --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com> Co-authored-by: github-actions <github-actions@twenty.com>
45 lines
1.9 KiB
Plaintext
45 lines
1.9 KiB
Plaintext
---
|
|
title: Layout
|
|
description: Customize how you navigate, browse, and view records in Twenty.
|
|
---
|
|
|
|
Twenty's layout is customizable at three levels: how you navigate the app, how you browse lists of records, and what you see when you open an individual record.
|
|
|
|
## Navigation
|
|
|
|
The left sidebar is fully customizable. You can:
|
|
- **Reorder items** by dragging and dropping
|
|
- **Create folders** to group related objects and views
|
|
- **Hide objects** you don't use
|
|
- **Add custom links** to external tools
|
|
- **Pin favorites** for quick access to views, records, or searches
|
|
|
|
[Navigation reference →](/user-guide/layout/capabilities/navigation)
|
|
|
|
## Views
|
|
|
|
Views control how lists of records are displayed. Twenty supports three view types:
|
|
|
|
| View | Best for |
|
|
|------|----------|
|
|
| **Table** | Working with many records at once — spreadsheet-style rows and columns |
|
|
| **Kanban** | Pipeline tracking — drag-and-drop cards organized by stage |
|
|
| **Calendar** | Time-based planning — records plotted by a date field |
|
|
|
|
Each view saves its own filters, sorting, field visibility, and grouping configuration. Views can be shared with the workspace or kept private.
|
|
|
|
[Table views →](/user-guide/views-pipelines/capabilities/table-views) · [Kanban views →](/user-guide/views-pipelines/capabilities/kanban-views) · [Calendar view →](/user-guide/views-pipelines/capabilities/calendar-view)
|
|
|
|
## Record pages
|
|
|
|
When you open a record, the detail page is built from configurable tabs and widgets. You can:
|
|
|
|
- **Add, remove, and reorder tabs** on any record type
|
|
- **Configure widgets** — fields, related records, emails, timeline, calendar, tasks, notes, files, charts, iframes, and more
|
|
- **Drag and resize widgets** on a grid layout
|
|
- **Control field visibility** per widget
|
|
|
|
Enter layout customization mode from the command menu (`Cmd+K` → "Edit record page layout").
|
|
|
|
[Record pages reference →](/user-guide/layout/capabilities/record-pages)
|