{"node":{"id":"335daa15-76fb-4e73-bd51-41e8672d0b9e","handle":"335d","type":"note","authorName":"Vincent Yeung","intent":"learning","title":"Tool: borrow from a brand (awesome-design-md)","aiSummary":null,"content":"## What it does\n- A collection of 84 DESIGN.md files. Each describes a real brand's website (Airbnb, Apple, Stripe, Claude and others) so an AI can build in that style.\n- Each file holds the brand's colours, type, corners, spacing and components, plus written rules and a Do's and Don'ts list.\n\n## When to reach for it\n- A known brand has solved a problem like yours, and you want to see exactly how.\n- You want real values (font weights, corner sizes, how many accents) instead of guesses.\n- You want a finished DESIGN.md to learn the format from.\n\n## How to use it\n- Find the brand's folder under `design-md/` in github.com/voltagent/awesome-design-md.\n- The source's way: copy that DESIGN.md into your project root and tell your agent to use it, for example \"build me a page that looks like this\".\n- Read the Overview's \"Key Characteristics\" list for a quick summary of the brand.\n- Trust the tokens and the Do's and Don'ts over the Overview. One file (Notion) contradicts itself.\n- Read \"Known Gaps\" for what the copy couldn't capture, such as animation and hover.\n- Don't trust the README's one-line summaries. Some contradict the files (Cursor, ElevenLabs, Runway).\n- To ask for a brand that isn't there, use getdesign.md.\n\n## What happened when we used it\n- We used it: about 15 brands' files were weighed against what the site had to feel like, and three were picked.\n- It borrowed by fit, not fame. It picked the two or three brands whose problem was like ours and took one idea from each:\n  - a filterable photo wall from Pinterest;\n  - colours taken from real materials, from Starbucks;\n  - one accent kept for a single moment, the way Starbucks keeps gold for its rewards.\n\n## Source\n- Source: awesome-design-md.","capturedAt":"2026-10-29T09:31:13.026Z","createdAt":"2026-10-29T09:31:13.027Z","updatedAt":"2026-10-29T09:31:13.027Z","spanId":null,"contributor":null,"audiences":[{"kind":"public","createdAt":"2026-11-06T04:27:15.106Z"}],"fingerprint":"aec6259a235f1b6acac87dd41abb270618663023f41b0ec4bedcd22f334b42e5","revisionNo":"1","structureHash":"d9cd5257f1be680a4cadc768e2687fd4c9aaf8e1efb5f399f68a799380e56adc","page":"https://lattris.com/by/b/memories/335daa15-76fb-4e73-bd51-41e8672d0b9e"},"links":[{"direction":"out","verb":"references","reason":"Follow for the DESIGN.md format itself.","hash":"3bcc4d04ec51c9695d5c8f4068a72e18ca7d598e0ae2e75b577f96e7a28f4bb0","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 to install it, or to check its licence and cautions before relying on it.","hash":"fdbe2273f3a947eeea9002102bfb350b63f5e8905b8af092d61f246d7d86db41","node":{"id":"fad275a2-ccbf-44cd-b45a-9e22212ef775","handle":"fad2","type":"note","title":"Source: awesome-design-md","aiSummary":null,"erased":false,"href":"https://lattris.com/api/lattris/by/b/memories/fad275a2-ccbf-44cd-b45a-9e22212ef775?links=1","fingerprint":"da4fead153a16ecc7f621e56c57958df0ad74fd1dd6a0a4ebb0e2c14302b2e70","revisionNo":"1","structureHash":"b8c7cab820be8606e868364b84e10fcea3d18a79225ef015290bf44d428e5bf9","intent":"learning","authorName":"Vincent Yeung","page":"https://lattris.com/by/b/memories/fad275a2-ccbf-44cd-b45a-9e22212ef775"}},{"direction":"in","verb":"references","reason":"Pick it to see exact values a known brand uses for type, colour and corners.","hash":"16a17543a447f6abf242a51f694a3ec68c55f1db68b0b9849a1c3400f9fd9a1f","node":{"id":"25a75047-6f28-4228-8728-3b212e241ed5","handle":"25a7","type":"note","title":"Drawer 2: The look","aiSummary":null,"erased":false,"href":"https://lattris.com/api/lattris/by/b/memories/25a75047-6f28-4228-8728-3b212e241ed5?links=1","fingerprint":"a7e6643893360cbb761c32fe35ac2ff509b39c054c2bef570dd0f45f48ae5652","revisionNo":"2","structureHash":"6c940c1ec3e9834f903982e4a24e1fec9929335b8b1c32092d274305442e70eb","intent":"learning","authorName":"Vincent Yeung","page":"https://lattris.com/by/b/memories/25a75047-6f28-4228-8728-3b212e241ed5"}},{"direction":"in","verb":"references","reason":"Follow to see 84 finished examples.","hash":"d1b3ac9b29c8c6ce38fb6fb9d63f370fcfb3f296658d26bf32bf96884290647c","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":"Pick it when a known brand has solved a problem like yours and you want to see how.","hash":"49cc9930ec9e25f6cbc7e9b92efa4e7f70b5b94f949ba98f981fdef75bd9d1a0","node":{"id":"7179765c-95bd-468d-abe7-9cc4daa6bed2","handle":"7179","type":"note","title":"Drawer 1: Direction","aiSummary":null,"erased":false,"href":"https://lattris.com/api/lattris/by/b/memories/7179765c-95bd-468d-abe7-9cc4daa6bed2?links=1","fingerprint":"c0fa97db802a962d6c156578d81d5a0637516c4dfc2c10cfac9a59a1f36ee28c","revisionNo":"2","structureHash":"9f0efe1fa71cc332fb8cb1af8a8bd4f7f71e9ecc5f8131f8441ba3932845f68d","intent":"learning","authorName":"Vincent Yeung","page":"https://lattris.com/by/b/memories/7179765c-95bd-468d-abe7-9cc4daa6bed2"}},{"direction":"in","verb":"references","reason":"Pick it when you want a finished DESIGN.md to start from or learn from.","hash":"37827cf979089c0fa68217c235bab6ccb74f199eeee126f3a31fb12f2990b46c","node":{"id":"98841826-13b8-4843-ba74-fd26981525db","handle":"9884","type":"note","title":"Drawer 5: Building it","aiSummary":null,"erased":false,"href":"https://lattris.com/api/lattris/by/b/memories/98841826-13b8-4843-ba74-fd26981525db?links=1","fingerprint":"5ed8da87f333ea517c55f8b050ca46d893bb1b907cb1151fa7feef68cc0cccdf","revisionNo":"3","structureHash":"f4b3deab8497b5b9ae3a7026a8ae25e2d882e23aeece6ec80513f14acd2b4221","intent":"learning","authorName":"Vincent Yeung","page":"https://lattris.com/by/b/memories/98841826-13b8-4843-ba74-fd26981525db"}},{"direction":"in","verb":"references","reason":"Follow to see how to use this capability.","hash":"b9e4d9951b784f344a85559669b20dc2fef1abba73d8bfa3d39bc170f8ef7add","node":{"id":"fad275a2-ccbf-44cd-b45a-9e22212ef775","handle":"fad2","type":"note","title":"Source: awesome-design-md","aiSummary":null,"erased":false,"href":"https://lattris.com/api/lattris/by/b/memories/fad275a2-ccbf-44cd-b45a-9e22212ef775?links=1","fingerprint":"da4fead153a16ecc7f621e56c57958df0ad74fd1dd6a0a4ebb0e2c14302b2e70","revisionNo":"1","structureHash":"b8c7cab820be8606e868364b84e10fcea3d18a79225ef015290bf44d428e5bf9","intent":"learning","authorName":"Vincent Yeung","page":"https://lattris.com/by/b/memories/fad275a2-ccbf-44cd-b45a-9e22212ef775"}}],"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."}