3e:null 3f:["$","title",null,{"children":"Rams Palette | Saneef H. Ansari | Observable"}] 45:[] 43:{"id":"61ad578ec539be3d","slug":"rams-palette","title":"Rams Palette","thumbnail":"fae7a664a5fdc1a6b3b0bd70ade7f3d670db111712aeee53f8ea0c57ad0f6f24","access_level":"public","create_time":"$D2023-10-21T08:09:05.240Z","update_time":"$D2023-10-21T19:34:42.943Z","view_time":null,"first_public_time":"$D2023-10-21T09:21:30.293Z","has_unpublished_edits":null,"fork":false,"stars":14,"starred":false,"owner":{"type":"team","id":"7a807139c987b4db","login":"saneef","name":"Saneef H. Ansari","avatar_url":"https://avatars-next.observableusercontent.com/a773bad590c23d0ae77d00a38b75a3dddda96007f7152937d2acf8893a6f66b3","tier":"starter_2024","bio":"Consultant Designer & Developer"},"version":156,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"e0ce6bdad38e3e5e","login":"saneef","name":"Saneef H. Ansari","avatar_url":"https://avatars-next.observableusercontent.com/a773bad590c23d0ae77d00a38b75a3dddda96007f7152937d2acf8893a6f66b3","tier":null,"bio":"Consultant Designer & Developer"}],"members":[{"type":"individual","id":"e0ce6bdad38e3e5e","login":"saneef","name":"Saneef H. Ansari","avatar_url":"https://avatars-next.observableusercontent.com/a773bad590c23d0ae77d00a38b75a3dddda96007f7152937d2acf8893a6f66b3","tier":null,"role":"editor"}],"comments":[{"id":"b4e721d19cab8542","reply_to_id":null,"content":"Thanks for this, Saneef. It inspired me to go the extra kilometer and create https://observablehq.com/@martien/dieter-rams","create_time":"$D2023-10-26T15:50:24.058Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"3c5ecb707ecd20a7","login":"martien","name":"Martien van Steenbergen","avatar_url":"https://avatars-next.observableusercontent.com/40dc8e4f86d0cf89184b173b4d1d88336e5728c175479f33261ced3496adb3c2","tier":null}}],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"000ba008ab4b0a6d","slug":"helpers","title":"Utilities & Helpers","owner":{"id":"7a807139c987b4db","login":"saneef","name":"Saneef H. Ansari"}},"type":"notebook","body":{"titling":"auto","title":"Rams Palette","cells":[{"id":0,"value":"# Rams Palette","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":83,"value":"Colours from Dieter Rams legendary product collection for Braun. Created by [Chad Ashley](https://www.instagram.com/p/B6lzEgVHTj5/?img_index=1).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":89,"value":"## Usage\n\n```js\nimport { ramsPalette } from \"@saneef/rams-palette\"\n```\n\n```js\ndr01 = ramsPalette.get('DR01')\n// [\"#AAB7BF\", \"#736356\", \"#BFB1A8\", \"#AD1D1D\", \"#261201\"]\n```","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":25,"value":"ramsPalettevgs = {\n const list = Array.from(ramsPalette.entries()).map(([name, palette]) => {\n return htl.html`

\n ${drawPalette(palette)}\n

${name}

`;\n });\n\n return htl.html`