{"__v":3,"_id":"575818008abb520e00ea7b66","category":{"__v":0,"_id":"575a923ad5797e0e007518cf","project":"55f0432035803d230000a9c2","version":"575818008abb520e00ea7b61","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-06-10T10:11:06.410Z","from_sync":false,"order":1,"slug":"setting-it-up","title":"Getting Started"},"parentDoc":null,"project":"55f0432035803d230000a9c2","user":"55f0431435803d230000a9c1","version":{"__v":11,"_id":"575818008abb520e00ea7b61","project":"55f0432035803d230000a9c2","createdAt":"2016-06-08T13:05:04.736Z","releaseDate":"2016-06-08T13:05:04.736Z","categories":["575818008abb520e00ea7b62","575818008abb520e00ea7b63","575818008abb520e00ea7b64","575818008abb520e00ea7b65","57582f278abb520e00ea7c10","575838ddf71f5c19002d1787","57584357163a4f2b002c75ed","57584d29f71f5c19002d17ef","575850cc163a4f2b002c7621","575850f1f71f5c19002d17fa","575851066a65ec0e004153e7","575a923ad5797e0e007518cf","575eae598be8aa0e00f59ceb","575eb065e7089c0e006d0cdf"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"2.0.0","version":"2.0"},"updates":["568c4096e111c70d002d84d7"],"next":{"pages":[],"description":""},"createdAt":"2015-09-09T14:33:06.842Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":1,"body":"**Using Quadro with the free presets is cool already, we know that, but it's with personalization that you can really speed up and make anything easier**.\n\nTo start creating **YOUR Quadro**, [get to *editing mode*](http://support.quadro.me/docs/customize-palettes) tapping on the pencil icon in the toolbar.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/R9IaVwEYSX6BjXug8qej_toolbar.png\",\n        \"toolbar.png\",\n        \"1025\",\n        \"93\",\n        \"#24abab\",\n        \"\"\n      ],\n      \"caption\": \"Toolbar\"\n    }\n  ]\n}\n[/block]\nTry to [move *Pads*](http://support.quadro.me/docs/move-pads-between-palettes) around. If you try to place a *Pad* in an occupied spot, we do our best to help you organize them. If possible, Quadro will swap the pads.\n\n*Pads* can be also [customized in functions and look](http://support.quadro.me/docs/modify-pads).\nFor example they can be resized into seven different dimensions to adjust visual hierarchy. \nTo change the size just pull the white handle in the corner of your pad. \n[block:image]\n{\n  \"images\": [\n    {\n      \"caption\": \"Resize\",\n      \"image\": [\n        \"https://files.readme.io/5c0bb2d-corner.png\",\n        \"corner.png\",\n        1130,\n        862,\n        \"#1b1c1c\"\n      ]\n    }\n  ]\n}\n[/block]\nYou can also change their size via the *Looks panel*. To do this, just tap on a *Pad* when in editing mode. *Pads* can have 7 possible size configurations, ~1700 icons to choose from, 12 background fills and 6 gradients, or you can even display a custom image to push personalization even further.\n[block:image]\n{\n  \"images\": [\n    {\n      \"caption\": \"Configurations table\",\n      \"image\": [\n        \"https://files.readme.io/d762c97-size_conf.png\",\n        \"size conf.png\",\n        2048,\n        1683,\n        \"#2d2524\"\n      ]\n    }\n  ]\n}\n[/block]\nAnd, last but not least, emojis ๐Ÿ˜Ž. They have become part of our language, summarizing and communicating our state of mind perfectly, with fun and lightness: use them as labels to your pads to recall an emotion that is linked to an action, when needed. Endless possibilities. ๐ŸŒ…\n[block:callout]\n{\n  \"type\": \"info\",\n  \"body\": \"Customizing the look is not only useful to \\\"infer your style\\\", which is nice and welcome, but also to adapt the representation of the action to your mental models and smoothen processes of retrieval, and ultimately help you get straight to the right action.\\n\\nTry to always use the same aesthetic rules for your *Pads*, it gets easier for your mind to recognize and classify them. For example you can use artworks and gradients for the *Groups*, the color red for destructive actions and blue for creative ones.\"\n}\n[/block]","excerpt":"This page will help you get started with Quadro. You'll be up and running in a jiffy!","slug":"customization","type":"basic","title":"Customization"}

Customization

This page will help you get started with Quadro. You'll be up and running in a jiffy!

**Using Quadro with the free presets is cool already, we know that, but it's with personalization that you can really speed up and make anything easier**. To start creating **YOUR Quadro**, [get to *editing mode*](http://support.quadro.me/docs/customize-palettes) tapping on the pencil icon in the toolbar. [block:image] { "images": [ { "image": [ "https://files.readme.io/R9IaVwEYSX6BjXug8qej_toolbar.png", "toolbar.png", "1025", "93", "#24abab", "" ], "caption": "Toolbar" } ] } [/block] Try to [move *Pads*](http://support.quadro.me/docs/move-pads-between-palettes) around. If you try to place a *Pad* in an occupied spot, we do our best to help you organize them. If possible, Quadro will swap the pads. *Pads* can be also [customized in functions and look](http://support.quadro.me/docs/modify-pads). For example they can be resized into seven different dimensions to adjust visual hierarchy. To change the size just pull the white handle in the corner of your pad. [block:image] { "images": [ { "caption": "Resize", "image": [ "https://files.readme.io/5c0bb2d-corner.png", "corner.png", 1130, 862, "#1b1c1c" ] } ] } [/block] You can also change their size via the *Looks panel*. To do this, just tap on a *Pad* when in editing mode. *Pads* can have 7 possible size configurations, ~1700 icons to choose from, 12 background fills and 6 gradients, or you can even display a custom image to push personalization even further. [block:image] { "images": [ { "caption": "Configurations table", "image": [ "https://files.readme.io/d762c97-size_conf.png", "size conf.png", 2048, 1683, "#2d2524" ] } ] } [/block] And, last but not least, emojis ๐Ÿ˜Ž. They have become part of our language, summarizing and communicating our state of mind perfectly, with fun and lightness: use them as labels to your pads to recall an emotion that is linked to an action, when needed. Endless possibilities. ๐ŸŒ… [block:callout] { "type": "info", "body": "Customizing the look is not only useful to \"infer your style\", which is nice and welcome, but also to adapt the representation of the action to your mental models and smoothen processes of retrieval, and ultimately help you get straight to the right action.\n\nTry to always use the same aesthetic rules for your *Pads*, it gets easier for your mind to recognize and classify them. For example you can use artworks and gradients for the *Groups*, the color red for destructive actions and blue for creative ones." } [/block]