# Croodles presets Every preset here is an ordinary set of render options. Nothing needs to be installed, and the same values work in all six libraries and as HTTP-API query parameters. Pick one to read its code, or open it in the playground and change whatever you like. Options a preset does not set keep varying with the seed, so most of these stay as unique per user as the plain style does. Each preset lists how many distinct avatars it still leaves you. ## Bare The style stripped to its drawing. No background at all, so the avatar sits on whatever your page is, and the two facial hair components switched off. ```json { "backgroundColor": [], "beardProbability": 0, "mustacheProbability": 0, "topColor": ["000000"] } ``` ## Sepia Warm all the way through, face included. Croodles draws with a single pen, so recoloring the ink recolors the whole portrait at once. ```json { "backgroundColor": ["dfc9a3"], "baseColor": ["f2e4cc"], "inkColor": ["5a3d28"], "topColor": ["5a3d28"], "facialHairColor": ["5a3d28"], "glassesColor": ["5a3d28"], "eyepatchColor": ["5a3d28"] } ``` ## Greyscale The quietest set here. Nothing competes with the page around it, which suits an admin table or a comment thread where the avatar is a marker rather than a picture. ```json { "backgroundColor": ["ececed"], "baseColor": ["fafafa"], "inkColor": ["4a4d52"], "topColor": ["4a4d52"], "facialHairColor": ["4a4d52"], "glassesColor": ["4a4d52"], "eyepatchColor": ["4a4d52"] } ``` ## Duotone One teal for every line and one pale mint for the face, and that is the entire palette. Restrictive on purpose: two colors is the point at which a set of avatars stops looking like a collection of people and starts looking like an icon set. ```json { "backgroundColor": ["dff0eb"], "baseColor": ["eefaf6"], "inkColor": ["0f3d38"], "topColor": ["0f3d38"], "facialHairColor": ["0f3d38"], "glassesColor": ["0f3d38"], "eyepatchColor": ["0f3d38"] } ``` ## Inverted Swaps line and face. This works here because the face fill is a color group of its own, so it can go dark with the background instead of leaving a bright shape behind pale outlines. ```json { "backgroundColor": ["111113"], "baseColor": ["1c1c20"], "inkColor": ["f2f2f4"], "topColor": ["f2f2f4"], "facialHairColor": ["f2f2f4"], "glassesColor": ["f2f2f4"], "eyepatchColor": ["f2f2f4"] } ``` ## Muted Croodles ships black plus five saturated hair colors. This trades them for dusty greens, clays and blues, which keeps the drawing playful without the primary-color energy. ```json { "backgroundColor": ["ece7de"], "topColor": ["6b705c","a5a58d","b98b73","7c9082","8e9aaf","9c6b58"] } ``` ## Electric The other direction: six hair colors past anything the style ships, on a dark background. The linework stays black, so the hair is the only thing that glows. ```json { "backgroundColor": ["101216"], "baseColor": ["f2f2f4"], "topColor": ["ff2e88","00e5ff","ffe600","7cff00","ff6a00","b400ff"] } ``` ## Pastel Wall Changes nothing about the people, only what they stand in front of. The lightest way to make a set of avatars feel like it belongs together. ```json { "backgroundColor": ["ffe3ea","e3edff","e2f5e9","fdf1d4","efe6ff"] } ``` ## Bold Pop Croodles ships five bright hair colors next to black. This keeps only those and puts a strong background behind them. ```json { "backgroundColor": ["ff5d8f","ffb703","43aa8b","4d96ff","b57bff"], "topColor": ["699bf7","0fa958","9747ff","f24e1e","ffc700"] } ``` ## Sunrise Shows the gradient background options: two colors, a linear fill and a fixed angle. The seed still decides which of the two ends up on top. ```json { "backgroundColor": ["ffd9b0","ffa8bf"], "backgroundColorFill": "linear", "backgroundColorAngle": 135 } ``` ## Full Cast Both facial hair components sit at ten percent, so a small set shows them on nobody. This raises them, which is what you want when showing the style off rather than filling a user list. ```json { "backgroundColor": ["f4f1ea"], "beardProbability": 45, "mustacheProbability": 40 } ``` ## Close Up Uses scale rather than color. At the size a comment thread gives an avatar, the default framing leaves a lot of air around the head, and cropping in buys the detail back. ```json { "backgroundColor": ["f4f1ea"], "scale": 1.2 } ```