See it work
The interactive piece from the front page, with room to try it, followed by Disegno’s logo, colors and type.
Requirements a build can cite, and tools an agent can call.
Write a spec in the web app, or as one markdown file. Either way, every requirement gets an ID and every edit is kept.
---
disegno: 1
key: CHK
title: Checkout redesign
status: draft
projects: [SHOP]
---
# Overview <!-- kind: overview -->
Prose …
# Requirements <!-- kind: requirements -->
::: requirement {id=CHK-R1 priority=must status=accepted tags="payments"}
### Card payment
The checkout accepts a card payment in one step.
**Acceptance criteria**
1. [automated] A valid card completes in one request.
2. [manual] A declined card shows the issuer's reason.
:::
```mermaid title="Checkout flow"
flowchart LR
Cart --> Pay --> Done
```
One file is a whole spec. CHK-R1 is a requirement a commit can cite, and CHK-R1.AC2 is its second acceptance criterion. Importing it creates the spec in one transaction, and exporting it gives the same file back.
- Read
list_specsget_specget_sectionlist_requirementsget_requirementget_diagramlist_attachmentsread_attachmentsearch_specs- Build
get_build_contextget_traceset_requirement_statuslink_requirementunlink_requirement- Write
create_specimport_specupdate_speccreate_sectionupdate_sectionmove_sectioncreate_requirementupdate_requirementcreate_diagramattach_filecomment- Version
list_versionsdiff_versionscut_versionrestore_section
The hosted MCP server gives an agent what the web app gives a person. A build starts with get_build_context, which returns the pinned version, the requirements it traces to and their acceptance criteria.
Assets
Logo, colors, and type.
Mark
The project’s generated logo mark. The grid gets finer with the commit count, and the cells show the split between languages. It’s redrawn as the project grows.
Palette
The colors Disegno uses across this site: one hue from its discipline’s band, plus the shades that make it work on both dark and light backgrounds.
Type
The two typefaces on the site: a sans-serif for the interface and a serif for headlines.
Next
Bring Disegno into your company
Ask about onboarding your organization, moving existing records over, or a demo.