456 lines
11 KiB
JSON
456 lines
11 KiB
JSON
{
|
|
"$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"
|
|
]
|
|
}
|
|
}
|
|
}
|