{"node":{"id":"fad275a2-ccbf-44cd-b45a-9e22212ef775","handle":"fad2","type":"note","authorName":"Vincent Yeung","intent":"learning","title":"Source: awesome-design-md","aiSummary":null,"content":"## What it is\n- A collection of 84 DESIGN.md files, by VoltAgent. Each describes a real brand's website so an AI agent can build in that style.\n- Licence: MIT, copyright 2026 VoltAgent. The repo says it doesn't own any brand's visual identity.\n- Version: the 74 files with tokens up top are all marked `version: alpha`. No release version is stated.\n- Packaging: plain markdown. One folder per brand under `design-md/`, each with a DESIGN.md and a README.md. Nothing to install or run.\n- The repo credits the DESIGN.md idea to Google Stitch.\n- The tokens are taken from public websites. They are CSS values anyone can see.\n\n## How to get it\n- The repo is github.com/voltagent/awesome-design-md.\n- Copy a brand's DESIGN.md into your project root and tell your agent to use it.\n- Ask for new brands, including private ones, through getdesign.md.\n- To contribute, open an issue first. Pull requests with new DESIGN.md files aren't accepted.\n\n## Cautions\n- Two formats. Only 10 files use the nine-section layout the README describes. The other 74 use YAML tokens plus eight written sections.\n- The README says each brand has preview.html and preview-dark.html. The copy we read has none.\n- 20 files call themselves \"an inspired interpretation\". Some misspell the brand: Stripi, Supabaze, Shopifi.\n- README one-liners contradict the files. The README calls Cursor dark; its file says warm cream. It calls ElevenLabs dark; its file rules that out. It gives Runway black pill buttons; Runway's file bans pills.\n- A file can contradict itself. Notion's lists a purple pill button and also says its buttons are not pills. Trust the tokens and the Do's and Don'ts over the Overview.\n- The README lists 83 brands; there are 84 folders (Slack has no entry). Airbnb's file has no Do's and Don'ts.\n- Each folder's README.md only points to getdesign.md.\n- 34 files say to run a Google lint command. Nobody here has run it.\n- \"Known Gaps\" sections list what the copying missed, such as animation and hover.\n- The patterns across brands (one accent, cream pages, pill buttons and so on) are the distiller's reading. No file states them as rules. Each brand named in this toolbox was checked against its own file; brands that didn't hold up were dropped.\n\n## Cards it supplies\n- Tool: borrow from a brand (awesome-design-md).\n- Tool: DESIGN.md, the look written down (shared with impeccable).","capturedAt":"2026-10-29T09:31:25.183Z","createdAt":"2026-10-29T09:31:25.184Z","updatedAt":"2026-10-29T09:31:25.184Z","spanId":null,"contributor":null,"audiences":[{"kind":"public","createdAt":"2026-11-06T04:27:13.540Z"}],"fingerprint":"da4fead153a16ecc7f621e56c57958df0ad74fd1dd6a0a4ebb0e2c14302b2e70","revisionNo":"1","structureHash":"b8c7cab820be8606e868364b84e10fcea3d18a79225ef015290bf44d428e5bf9","page":"https://lattris.com/by/b/memories/fad275a2-ccbf-44cd-b45a-9e22212ef775"},"links":[{"direction":"out","verb":"references","reason":"Follow to see how to use this capability.","hash":"b9e4d9951b784f344a85559669b20dc2fef1abba73d8bfa3d39bc170f8ef7add","node":{"id":"335daa15-76fb-4e73-bd51-41e8672d0b9e","handle":"335d","type":"note","title":"Tool: borrow from a brand (awesome-design-md)","aiSummary":null,"erased":false,"href":"https://lattris.com/api/lattris/by/b/memories/335daa15-76fb-4e73-bd51-41e8672d0b9e?links=1","fingerprint":"aec6259a235f1b6acac87dd41abb270618663023f41b0ec4bedcd22f334b42e5","revisionNo":"1","structureHash":"d9cd5257f1be680a4cadc768e2687fd4c9aaf8e1efb5f399f68a799380e56adc","intent":"learning","authorName":"Vincent Yeung","page":"https://lattris.com/by/b/memories/335daa15-76fb-4e73-bd51-41e8672d0b9e"}},{"direction":"out","verb":"references","reason":"Follow to see how to use this capability.","hash":"2ebf46e11613aa401f6ac09a615390edc36dbf497d6e7b5167347cf3be068d8f","node":{"id":"5e1fb5f2-54ab-4ad2-a5bc-f016a21ba0d7","handle":"5e1f","type":"note","title":"Tool: DESIGN.md, the look written down","aiSummary":null,"erased":false,"href":"https://lattris.com/api/lattris/by/b/memories/5e1fb5f2-54ab-4ad2-a5bc-f016a21ba0d7?links=1","fingerprint":"1fddcc701e7b8ee8581304eac00f9d21309205010c6f6cf36ed613071c24efc4","revisionNo":"1","structureHash":"b776ac85e0e71758fce3ccfe1e1c7c30221b2684bf47375df56b75778c3580b7","intent":"learning","authorName":"Vincent Yeung","page":"https://lattris.com/by/b/memories/5e1fb5f2-54ab-4ad2-a5bc-f016a21ba0d7"}},{"direction":"out","verb":"references","reason":"Follow back to find the drawer for the job you're on.","hash":"a94cf48d0890bca3474952f2e93d691dd1b2192cb0db636215d00e8162f0ac50","node":{"id":"5f8b457d-b87a-4e61-9af2-3008deaf37a9","handle":"5f8b","type":"note","title":"Front-end design: the toolbox","aiSummary":null,"erased":false,"href":"https://lattris.com/api/lattris/by/b/memories/5f8b457d-b87a-4e61-9af2-3008deaf37a9?links=1","fingerprint":"49e1c7f41f22c466c7ef1a993cab80b6dcbedab4552d2ac684133d60dea7e60b","revisionNo":"2","structureHash":"64df670c7bd82572e0ad9b2e06b8829d3b2e509be134591c04ea1fa281fca3ef","intent":"learning","authorName":"Vincent Yeung","page":"https://lattris.com/by/b/memories/5f8b457d-b87a-4e61-9af2-3008deaf37a9"}},{"direction":"in","verb":"references","reason":"Follow to install it, or to check its licence and cautions before relying on it.","hash":"fdbe2273f3a947eeea9002102bfb350b63f5e8905b8af092d61f246d7d86db41","node":{"id":"335daa15-76fb-4e73-bd51-41e8672d0b9e","handle":"335d","type":"note","title":"Tool: borrow from a brand (awesome-design-md)","aiSummary":null,"erased":false,"href":"https://lattris.com/api/lattris/by/b/memories/335daa15-76fb-4e73-bd51-41e8672d0b9e?links=1","fingerprint":"aec6259a235f1b6acac87dd41abb270618663023f41b0ec4bedcd22f334b42e5","revisionNo":"1","structureHash":"d9cd5257f1be680a4cadc768e2687fd4c9aaf8e1efb5f399f68a799380e56adc","intent":"learning","authorName":"Vincent Yeung","page":"https://lattris.com/by/b/memories/335daa15-76fb-4e73-bd51-41e8672d0b9e"}},{"direction":"in","verb":"references","reason":"Follow to install it, or to check its licence and cautions before relying on it.","hash":"d4c18e10c8078803818bddf6c2911c5965022f7260bdb31c5024d27ed483408b","node":{"id":"5e1fb5f2-54ab-4ad2-a5bc-f016a21ba0d7","handle":"5e1f","type":"note","title":"Tool: DESIGN.md, the look written down","aiSummary":null,"erased":false,"href":"https://lattris.com/api/lattris/by/b/memories/5e1fb5f2-54ab-4ad2-a5bc-f016a21ba0d7?links=1","fingerprint":"1fddcc701e7b8ee8581304eac00f9d21309205010c6f6cf36ed613071c24efc4","revisionNo":"1","structureHash":"b776ac85e0e71758fce3ccfe1e1c7c30221b2684bf47375df56b75778c3580b7","intent":"learning","authorName":"Vincent Yeung","page":"https://lattris.com/by/b/memories/5e1fb5f2-54ab-4ad2-a5bc-f016a21ba0d7"}},{"direction":"in","verb":"references","reason":"Follow to get the brand files and see where they contradict themselves.","hash":"66285d36f027e5b32bfe78efb123626baef3f002ce9cdf834125d056a83b1caf","node":{"id":"5f8b457d-b87a-4e61-9af2-3008deaf37a9","handle":"5f8b","type":"note","title":"Front-end design: the toolbox","aiSummary":null,"erased":false,"href":"https://lattris.com/api/lattris/by/b/memories/5f8b457d-b87a-4e61-9af2-3008deaf37a9?links=1","fingerprint":"49e1c7f41f22c466c7ef1a993cab80b6dcbedab4552d2ac684133d60dea7e60b","revisionNo":"2","structureHash":"64df670c7bd82572e0ad9b2e06b8829d3b2e509be134591c04ea1fa281fca3ef","intent":"learning","authorName":"Vincent Yeung","page":"https://lattris.com/by/b/memories/5f8b457d-b87a-4e61-9af2-3008deaf37a9"}}],"dictionary":{"lattris":"A personal knowledge base — how a person captures what they know as linked blocks they own and control. To understand how this knowledge base works: https://lattris.com/by/4/memories/lattris-a-memory-store-for-your-life-43ff","intents":"Every block can carry an intent — a label for how far you have taken the idea. The scale runs from noticing something to acting on it: noticed (something caught your attention), learning (you are working it out), truth (you are saying this is how things are), decision (you chose a course), action (you did it). Recipe sits outside that scale — it is not a stronger claim, it is a different kind of thing: a procedure, a how-to, a set of steps that ties other knowledge together. Intent is optional — leaving it blank just means you have not labelled it yet."},"instructions_to_ai":"This is knowledge from a personal knowledge base. Read it and consider how it's relevant to what the person you're talking to needs. Follow the linked blocks to explore further related topics if it might be useful to the user; open each at its page address. Start by letting the user know what this is about and how it may be relevant to them."}