{
  "format": "vibeboard-board",
  "formatVersion": 1,
  "id": "designers-desk",
  "name": "Designer's desk",
  "emoji": "🎨",
  "category": "Create",
  "home": "space",
  "audience": "A designer, illustrator or maker who needs colours, references and a clear brief",
  "description": "A calm desk for design work: palettes you can copy, a brief note, a client board, a project list, design news and sites, and a sprint timer.",
  "widgets": [
    {
      "type": "sticky",
      "about": "Read this first. It says in a few short steps where to begin. Delete it when you know the board.",
      "x": 0,
      "y": 0,
      "width": 270,
      "height": 286,
      "data": {
        "title": "Start here",
        "text": "1. Answer the three questions of the Brief note.\n2. Collect five references before you draw.\n3. Sketch ten ideas and click the counter for each.\n4. Move the work of your clients across the board.",
        "color": "yellow"
      }
    },
    {
      "type": "sticky",
      "about": "The three questions of a good brief. Answer them before you open any design tool.",
      "x": 0,
      "y": 310,
      "width": 270,
      "height": 220,
      "data": {
        "title": "Brief",
        "text": "Who is it for?\nWhat should they do after seeing it?\nThree words for the feeling:",
        "color": "blue"
      }
    },
    {
      "type": "stickerMaker",
      "about": "A reminder on the board. Double-click it to change the words, colours and border.",
      "x": 0,
      "y": 554,
      "width": 210,
      "height": 210,
      "data": {
        "layers": [
          {
            "kind": "text",
            "text": "KEEP IT\nSIMPLE",
            "fontFamily": "Righteous",
            "fontSize": 84,
            "fill": "#0ea5e9",
            "align": "center",
            "x": 256,
            "y": 270
          }
        ],
        "border": {"width":16,"color":"#ffffff","mode":"smooth","smoothness":8}
      }
    },
    {
      "type": "colorPicker",
      "about": "Three ready palettes to start from. Click a colour to copy its code; add your own colours to any palette.",
      "x": 294,
      "y": 0,
      "width": 320,
      "height": 440,
      "data": {
        "format": "hex",
        "groups": [
          {"name":"Calm","colors":["#f8fafc","#cbd5e1","#64748b","#334155","#0f172a"]},
          {"name":"Warm","colors":["#fef3c7","#fbbf24","#f97316","#dc2626","#7f1d1d"]},
          {"name":"Fresh","colors":["#ecfdf5","#34d399","#0ea5e9","#6366f1","#1e1b4b"]}
        ]
      }
    },
    {
      "type": "counter",
      "about": "Click for every idea you sketch. Draw ten before you choose one: the first idea is rarely the best.",
      "x": 294,
      "y": 464,
      "width": 320,
      "height": 200,
      "data": {"label":"Ideas sketched","step":1,"goal":10}
    },
    {
      "type": "kanban",
      "about": "The work of your clients: To do, Doing, Done. Drag a card when its state changes.",
      "x": 638,
      "y": 0,
      "width": 560,
      "height": 360,
      "data": {
        "cards": [
          {"text":"Brief: new logo for Client A","col":0},
          {"text":"Moodboard for Client B","col":1},
          {"text":"Revisions: poster for Client C","col":1},
          {"text":"Final files: flyer for Client D","col":2}
        ]
      }
    },
    {
      "type": "task",
      "about": "The steps of one design project, from brief to delivery. Feedback is a tab for the comments of the client.",
      "x": 638,
      "y": 384,
      "width": 320,
      "height": 457,
      "data": {
        "title": "Project",
        "items": [
          {
            "id": "t1",
            "text": "Write the brief in three lines",
            "note": "Who is it for? What should they do? How should it feel?"
          },
          {"id":"t2","text":"Collect five references and write why you like each"},
          {"id":"t3","text":"Sketch ten rough ideas"},
          {"id":"t4","text":"Pick one and make it in black and white first"},
          {"id":"t5","text":"Add colour and check it small, on a phone"},
          {"id":"t6","text":"Send it with a short note on why it works"}
        ],
        "lists": [
          {
            "id": "l1",
            "name": "Feedback",
            "items": [{"id":"t7","text":"Write each comment of the client as a task"}]
          }
        ]
      }
    },
    {
      "type": "linkGroup",
      "about": "The sites a designer opens every day. Change them with the edit button.",
      "x": 1222,
      "y": 0,
      "width": 360,
      "height": 360,
      "data": {
        "title": "Design tools",
        "layout": "grid",
        "size": "medium",
        "names": true,
        "links": [
          {"id":"l1","title":"Figma","url":"https://www.figma.com/"},
          {"id":"l2","title":"Canva","url":"https://www.canva.com/"},
          {"id":"l3","title":"Dribbble","url":"https://dribbble.com/"},
          {"id":"l4","title":"Behance","url":"https://www.behance.net/"},
          {"id":"l5","title":"Pinterest","url":"https://www.pinterest.com/"},
          {"id":"l6","title":"Coolors","url":"https://coolors.co/"},
          {"id":"l7","title":"Google Fonts","url":"https://fonts.google.com/"},
          {"id":"l8","title":"Unsplash","url":"https://unsplash.com/"},
          {"id":"l9","title":"Adobe Color","url":"https://color.adobe.com/"}
        ]
      }
    },
    {
      "type": "timer",
      "about": "A design sprint: 50 minutes of work and 10 minutes away from the screen.",
      "x": 1222,
      "y": 384,
      "width": 428,
      "height": 334,
      "data": {
        "label": "Design sprint",
        "mode": "pomodoro",
        "pomoWork": 3000,
        "pomoBreak": 600,
        "pomoLongBreak": 1200,
        "pomoSessions": 3
      }
    },
    {
      "type": "news",
      "about": "Design and web news to read in your breaks. New posts are marked in purple.",
      "x": 1674,
      "y": 0,
      "width": 400,
      "height": 520,
      "data": {
        "channels": [{"id":"smashing"},{"id":"css-tricks"},{"id":"fast-company"}],
        "layout": "list",
        "pictures": false,
        "summaries": true,
        "perChannel": 5
      }
    }
  ]
}