Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion content/en/cloud/getting-started/meet-five/_index.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ description: >
The continuous narrative behind Layer5 Cloud documentation — Five, his team at Orbital Labs, and the cloud-native universe they inhabit.
linkTitle: Meet Five
weight: 0
draft: true
draft: false
categories: [About]
aliases:
- /cloud/about/
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ description: >
Section-by-section map for infusing the Five narrative into Layer5 Cloud and Kanvas documentation.
linkTitle: Narrative Research Plan
weight: 1
draft: true
draft: false
categories: [About]
aliases:
- /cloud/about/five-narrative-plan/
Expand Down
23 changes: 22 additions & 1 deletion content/en/kanvas/designer/_index.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,27 @@ aliases:

Kanvas Designer is the visual canvas where you create, edit, and collaborate on cloud-native infrastructure designs. Using a drag-and-drop palette of components — from managed Kubernetes clusters and serverless functions to databases and object storage — you can model entire environments, annotate connections, and share living diagrams with your team, all without leaving your browser.

## Building the `api-platform-aws` Design
## Core Features of Kanvas Designer

Kanvas Designer provides an intuitive visual interface to model complex architectures cleanly and collaborate in real-time.

### Visual Canvas & Component Palette
- **Drag-and-Drop Modeling**: Build complex multi-cloud topologies by dragging resources directly onto the canvas from a comprehensive library of Kubernetes, cloud provider, and application components.
- **Interactive Edges (Connections)**: Draw logical or network connections between components to define data flows, dependencies, and service-to-service relationships.
- **Layout & Organization**: Easily group components using workspaces, environments, and tags to keep your diagrams organized and readable.

### Collaborative Review & Comments
- **Contextual Commenting**: Pin feedback and discussion threads directly to specific components or edges rather than having conversations lost in external ticketing systems or chat channels.
- **Granular Share Permissions**: Share your designs with teammates or external partners, granting precise role-scoped access (e.g., Viewer, Reviewer, Editor, or Admin) to control who can modify vs. inspect the canvas.
- **Real-Time Workspace Updates**: Edit and review designs simultaneously with your team. Updates are saved automatically and synced in real-time, eliminating versioned duplicates and stale image exports.

### Real-world Integrations & Validation
- **Environment Binding**: Attach your designs to target deployment environments (e.g., `dev-local`, `prod-aws`) to align visual designs with actual cloud and cluster configurations.
- **Automated Validation**: Run real-time architectural validation to instantly identify empty configurations, dangling connections, or environment binding mismatches.

## Walkthrough: Building the `api-platform-aws` Design

The following walkthrough illustrates how Five, Jordan, and Rex collaborate to build out a multi-service AWS design within the `orbital-production` workspace. Follow the full narrative and team structure at [Meet Five and the Cast](/cloud/getting-started/meet-five).

Five owns the `api-platform-aws` design in the `orbital-production` workspace and asked Jordan Reyes — the Orbital Labs team's go-to designer — to build out the architecture. Jordan opens the design in Kanvas Designer, takes one look at the blank canvas, and gets to work.

Expand All @@ -30,3 +50,4 @@ Jordan sees the notification and comes back to the canvas. They hash it out in t
{{< alert type="info" title="Meet the team" >}}
Meet Jordan, Rex, and the rest of the Orbital Labs team in [Meet Five and the Cast](/cloud/getting-started/meet-five).
{{< /alert >}}

Loading