{ "$id": "https://cdn.hopjs.net/npm/@dicebear/styles@10.2.0/dist/shape-grid.min.json", "$schema": "https://cdn.hopjs.net/npm/@dicebear/schema@1.2.0/dist/definition.min.json", "$comment": "This file was generated by the DiceBear Exporter for Figma. https://www.figma.com/community/plugin/1005765655729342787", "meta": { "license": { "name": "CC0 1.0", "url": "https://creativecommons.org/publicdomain/zero/1.0/", "text": "„Shape Grid” (https://www.dicebear.com) by „DiceBear”, licensed under „CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)" }, "creator": { "name": "DiceBear", "url": "https://www.dicebear.com" }, "source": { "name": "Shape Grid", "url": "https://www.dicebear.com" } }, "canvas": { "elements": [ { "name": "g", "type": "element", "attributes": { "transform": "matrix(.65 0 0 .65 17.5 17.5)", "style": "mix-blend-mode:overlay" }, "children": [ { "name": "rows", "type": "component" } ] }, { "name": "g", "type": "element", "attributes": { "transform": "matrix(.65 0 0 .65 17.5 17.5)", "opacity": ".3" }, "children": [ { "name": "rows", "type": "component" } ] } ], "width": 100, "height": 100 }, "attributes": { "fill": "none", "shape-rendering": "auto" }, "components": { "rows": { "width": 100, "height": 100, "variants": { "rows01": { "elements": [ { "name": "shape01", "type": "component", "attributes": { "transform": "scale(10)" } } ], "weight": 0 }, "rows02": { "elements": [ { "name": "shape04", "type": "component", "attributes": { "transform": "matrix(5.1 0 0 5.1 49 49)" } }, { "name": "shape03", "type": "component", "attributes": { "transform": "matrix(4.9 0 0 5.1 0 49)" } }, { "name": "shape02", "type": "component", "attributes": { "transform": "matrix(5.1 0 0 4.9 49 0)" } }, { "name": "shape01", "type": "component", "attributes": { "transform": "scale(4.9)" } } ] }, "rows03": { "elements": [ { "name": "shape09", "type": "component", "attributes": { "transform": "matrix(3.3 0 0 3.3 67 67)" } }, { "name": "shape08", "type": "component", "attributes": { "transform": "matrix(3.4 0 0 3.3 33 67)" } }, { "name": "shape07", "type": "component", "attributes": { "transform": "matrix(3.3 0 0 3.3 0 67)" } }, { "name": "shape06", "type": "component", "attributes": { "transform": "matrix(3.3 0 0 3.4 67 33)" } }, { "name": "shape05", "type": "component", "attributes": { "transform": "matrix(3.4 0 0 3.4 33 33)" } }, { "name": "shape04", "type": "component", "attributes": { "transform": "matrix(3.3 0 0 3.4 0 33)" } }, { "name": "shape03", "type": "component", "attributes": { "transform": "translate(67)scale(3.3)" } }, { "name": "shape02", "type": "component", "attributes": { "transform": "matrix(3.4 0 0 3.3 33 0)" } }, { "name": "shape01", "type": "component", "attributes": { "transform": "scale(3.3)" } } ], "weight": 0 }, "rows04": { "elements": [ { "name": "shape16", "type": "component", "attributes": { "transform": "matrix(2.5 0 0 2.5 75 75)" } }, { "name": "shape15", "type": "component", "attributes": { "transform": "matrix(2.5 0 0 2.5 50 75)" } }, { "name": "shape14", "type": "component", "attributes": { "transform": "matrix(2.5 0 0 2.5 25 75)" } }, { "name": "shape13", "type": "component", "attributes": { "transform": "matrix(2.5 0 0 2.5 0 75)" } }, { "name": "shape12", "type": "component", "attributes": { "transform": "matrix(2.5 0 0 2.5 75 50)" } }, { "name": "shape11", "type": "component", "attributes": { "transform": "matrix(2.5 0 0 2.5 50 50)" } }, { "name": "shape10", "type": "component", "attributes": { "transform": "matrix(2.5 0 0 2.5 25 50)" } }, { "name": "shape09", "type": "component", "attributes": { "transform": "matrix(2.5 0 0 2.5 0 50)" } }, { "name": "shape08", "type": "component", "attributes": { "transform": "matrix(2.5 0 0 2.5 75 25)" } }, { "name": "shape07", "type": "component", "attributes": { "transform": "matrix(2.5 0 0 2.5 50 25)" } }, { "name": "shape06", "type": "component", "attributes": { "transform": "matrix(2.5 0 0 2.5 25 25)" } }, { "name": "shape05", "type": "component", "attributes": { "transform": "matrix(2.5 0 0 2.5 0 25)" } }, { "name": "shape04", "type": "component", "attributes": { "transform": "translate(75)scale(2.5)" } }, { "name": "shape03", "type": "component", "attributes": { "transform": "translate(50)scale(2.5)" } }, { "name": "shape02", "type": "component", "attributes": { "transform": "translate(25)scale(2.5)" } }, { "name": "shape01", "type": "component", "attributes": { "transform": "scale(2.5)" } } ], "weight": 0 } } }, "shape": { "width": 10, "height": 10, "scale": { "min": 0.55, "max": 0.95 }, "variants": { "circle": { "elements": [ { "name": "circle", "type": "element", "attributes": { "cx": "5", "cy": "5", "r": "5", "fill": { "type": "color", "name": "shape" } } } ] }, "hexagon": { "elements": [ { "name": "path", "type": "element", "attributes": { "d": "M4.5.16a1 1 0 0 1 1 0l3.44 1.99c.3.18.5.5.5.86V7a1 1 0 0 1-.5.86L5.5 9.84a1 1 0 0 1-1 0L1.06 7.85A1 1 0 0 1 .56 7V3a1 1 0 0 1 .5-.86z", "fill": { "type": "color", "name": "shape" } } } ] }, "plus": { "elements": [ { "name": "path", "type": "element", "attributes": { "d": "M4.06.78a1 1 0 0 1 1.88 0l.72 1.97a1 1 0 0 0 .6.59l1.96.72a1 1 0 0 1 0 1.88l-1.97.72a1 1 0 0 0-.59.6l-.72 1.96a1 1 0 0 1-1.88 0l-.72-1.97a1 1 0 0 0-.6-.59L.79 5.94a1 1 0 0 1 0-1.88l1.97-.72a1 1 0 0 0 .59-.6z", "fill": { "type": "color", "name": "shape" } } } ] }, "polygon": { "elements": [ { "name": "path", "type": "element", "attributes": { "d": "M4.13 1a1 1 0 0 1 1.74 0l3.9 6.75a1 1 0 0 1-.87 1.5H1.1a1 1 0 0 1-.86-1.5z", "fill": { "type": "color", "name": "shape" } } } ] }, "square": { "elements": [ { "name": "rect", "type": "element", "attributes": { "width": "10", "height": "10", "rx": "1", "fill": { "type": "color", "name": "shape" } } } ] } } }, "shape01": { "extends": "shape" }, "shape02": { "extends": "shape" }, "shape03": { "extends": "shape" }, "shape04": { "extends": "shape" }, "shape05": { "extends": "shape" }, "shape06": { "extends": "shape" }, "shape07": { "extends": "shape" }, "shape08": { "extends": "shape" }, "shape09": { "extends": "shape" }, "shape10": { "extends": "shape" }, "shape11": { "extends": "shape" }, "shape12": { "extends": "shape" }, "shape13": { "extends": "shape" }, "shape14": { "extends": "shape" }, "shape15": { "extends": "shape" }, "shape16": { "extends": "shape" } }, "colors": { "background": { "values": [ "#ffa3b5", "#ffb382", "#ffe08a", "#e2f299", "#a8f0b0", "#86eadf", "#7fd4f5", "#9cbeff", "#cfbeff" ] }, "shape": { "notEqualTo": [], "contrastTo": "background", "values": [ "#000000", "#ffffff" ] } } }