DESIGN.md@design-systems/library/abletonA
DESIGN.md@design-systems/library/ableton from plugin87/ux-ui-agent-skills is a DESIGN.md file: the design rules coding agents follow in that repo.
mdr add plugin87/ux-ui-agent-skills/design-systems/library/ableton/DESIGN.md@alphaPins alpha in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 14 of 14 checks passed
- Kind
- DESIGN.md file
- Repository
- plugin87/ux-ui-agent-skills
- Path
design-systems/library/ableton/DESIGN.md- Versions recorded
- 1
- Latest version
- alpha, committed Oct 25, 2026
- Size
- 27,772 bytes
- Repository stars
- 3,108
- License
- MIT
Ableton's site is a flat, square-cornered editorial grid set entirely in futura-pt (Futura PT, ParaType) at weights 400 and 700 — black #000000 type on a white #ffffff canvas, one pure electric blue #0000ff for every link and buy button, a light grey #eeeeee ("dolphin") for inputs and bands, and saturated category swatches like tiffany #00d2be and salmon #ff8389. Every radius is 0px.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
## Overview
Ableton's website looks like a printed music magazine laid on a strict grid. The capture of `https://www.ableton.com/en/` opens with a
collage of rectangular teasers that overlap each other: a large dark product photograph with a 60px white headline, a lemon-and-cyan
striped graphic panel carrying a black 30px headline, and a smaller photo tile offset below them. Nothing is rounded, nothing casts a
shadow, nothing is outlined. Depth comes only from rectangles overlapping and from colour.
Everything is set in one family: **futura-pt** (Futura PT), loaded in two styles only — `futura-pt normal normal` and
`futura-pt bold normal` (the extractor's `loadedFonts`). Futura's geometric circles, sharp apexes and tall ascenders are the brand's
whole typographic voice. Headings are bold 700; reading text sits at 400.
Colour is reduced to a clear hierarchy:
- **Black `#000000`** (`{colors.ink}`) is the text colour for 1,178 of 1,466 measured characters on the homepage.
- **White `#ffffff`** (`{colors.canvas}`) is the visible page. The main wrapper `div.main` paints `#ffffff`; the `body` beneath it is `#f3f3f3` (`{colors.body-gutter}`), which you only see outside the wrapper.
…Read the whole file at its exact version.
How to install
mdr add plugin87/ux-ui-agent-skills/design-systems/library/ableton/DESIGN.md@sha256:9030f72fcfce536eThe line at the top of this page pins the label alpha, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_nd5bvifkxy7lrzpw)
2 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on Oct 25, 2026.
Audit of the latest version
- pass: Size between 200 bytes and 200 KB (27772 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
plugin87/ux-ui-agent-skills · 3,108 stars · license MIT · pushed 2026-10-27 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_nd5bvifkxy7lrzpw GET https://markdownregistry.com/api/v1/resolve?ref=plugin87/ux-ui-agent-skills/design-systems/library/ableton/DESIGN.md GET https://markdownregistry.com/api/v1/blob/9030f72fcfce536ef681a5130a29b8b3be2b574762b0c0c251018810902823f8
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: what DESIGN.md is and how agents use it · which agent file does what.