diff --git a/.claude/skills/design-to-code/PROMPT.md b/.claude/skills/design-to-code/PROMPT.md index 48059958..e154edcf 100644 --- a/.claude/skills/design-to-code/PROMPT.md +++ b/.claude/skills/design-to-code/PROMPT.md @@ -26,7 +26,8 @@ Your job is to translate the Figma data to HTML+CSS — nothing more. Never sacrifice #1 for #2 or #3. Reuse and tokens are structural improvements only — they must not change the visual output. ### Rules -- Do NOT add any value that isn't in the Figma data (no extra padding, margin, gap, transition, hover effect) +- Do NOT add any value that isn't in the Figma data (no extra padding, margin, gap, transition) +- Do NOT add hover effects unless `[hover]:` data is provided in the design tree - Do NOT change any value from the Figma data (if it says 160px padding, use 160px) - Do NOT "improve" the design — if something looks wrong, reproduce it anyway - Do NOT add responsive behavior unless the Figma data explicitly shows it @@ -72,12 +73,40 @@ When a node's style includes `svg: ...`, render it as an inline `` replaces the node's HTML element (do not wrap it in an extra `
` unless the node has other styles like background or border) +### Hover States + +When a node includes a `[hover]:` line, generate a `:hover` CSS rule with the provided style changes: + +```text +Button (INSTANCE, 120x40) [component: Button] + style: background: #2C2C2C + [hover]: background: #1E1E1E; Icon: fill: #FFFFFF +``` + +→ generates: + +```css +.button { background: #2C2C2C; } +.button:hover { background: #1E1E1E; } +.button:hover .icon { fill: #FFFFFF; } +``` + +- Only use hover data that is explicitly provided in `[hover]:` — do not invent hover effects +- Child styles (e.g., `Icon: fill: #FFFFFF`) use `.parent:hover .child` selector pattern + ### Image Assets -- Always render images as `` tags — do NOT use CSS `background-image` -- If the design tree shows `background-image: url(images/...)`, convert to `` -- Map `background-size` to `object-fit`: `cover` → `object-fit: cover`, `contain` → `object-fit: contain` -- If the node has children, position the `` behind them (e.g., `position: absolute; z-index: 0` inside a `position: relative` container) -- If it shows `background-image: [IMAGE]`, the image asset is unavailable — use a placeholder color matching the surrounding design + +The design tree uses two distinct image types: + +**`content-image:`** — leaf node, no children → render as `` tag +- `content-image: url(images/...)` → `` +- `object-fit: cover` or `object-fit: contain` is provided alongside — use it directly + +**`background-image:`** — node has children on top → keep as CSS `background-image` +- `background-image: url(images/...)` → `background-image: url(images/...)` in CSS +- `background-size`, `background-position`, `background-repeat` are provided alongside — use as-is + +**`[IMAGE]` placeholder** — image asset unavailable → use a placeholder color matching the surrounding design ### If data is missing When the Figma data does not specify a value, you MUST list it as an interpretation. diff --git a/fixtures/desktop-about/data.json b/fixtures/desktop-about/data.json index 5a36431b..181a4692 100644 --- a/fixtures/desktop-about/data.json +++ b/fixtures/desktop-about/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "175:4995", "name": "Platform=Desktop", @@ -17021,6 +17021,7 @@ "paddingTop": 160, "paddingBottom": 160, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -17080,12 +17081,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -17138,7 +17133,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -17146,7 +17158,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + ] }, "children": [ { @@ -17340,6 +17358,7 @@ "paddingTop": 64, "paddingBottom": 64, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -17366,15 +17385,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -17404,16 +17423,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ] }, @@ -17605,6 +17618,7 @@ "paddingTop": 64, "paddingBottom": 64, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -17642,14 +17656,14 @@ "type": "SOLID", "color": { "r": 1, - "g": 1, - "b": 1, + "g": 0.9450980424880981, + "b": 0.7607843279838562, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7449" } } } @@ -17678,16 +17692,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7449" } ] }, @@ -19187,15 +19195,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -19281,7 +19289,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -30971,15 +30979,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -31065,7 +31073,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -42755,15 +42763,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -42849,7 +42857,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -53325,6 +53333,7 @@ "paddingTop": 64, "paddingBottom": 64, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -53361,15 +53370,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:56:9309" } } } @@ -53398,16 +53407,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:56:9309" } ] }, @@ -54938,15 +54941,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -55032,7 +55035,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -66722,15 +66725,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -66816,7 +66819,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -78506,15 +78509,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -78600,7 +78603,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -90329,15 +90332,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -90423,7 +90426,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -102113,15 +102116,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -102207,7 +102210,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -113897,15 +113900,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -113991,7 +113994,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -124518,15 +124521,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -124587,7 +124590,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -124622,7 +124625,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -124630,7 +124650,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -125100,10 +125126,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "I175:4839;2162:8659", @@ -158439,6 +158490,7 @@ "paddingRight": 64, "paddingTop": 160, "paddingBottom": 160, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -158489,12 +158541,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -158547,7 +158593,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -158555,7 +158618,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + ] }, "children": [ { @@ -158954,6 +159023,7 @@ "paddingRight": 64, "paddingTop": 64, "paddingBottom": 64, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -158971,15 +159041,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -159009,16 +159079,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ] }, @@ -159172,6 +159236,7 @@ "paddingRight": 64, "paddingTop": 64, "paddingBottom": 64, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -159190,14 +159255,14 @@ "type": "SOLID", "color": { "r": 1, - "g": 1, - "b": 1, + "g": 0.9450980424880981, + "b": 0.7607843279838562, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7449" } } } @@ -159226,16 +159291,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7449" } ] }, @@ -160735,15 +160794,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -160829,7 +160888,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -172519,15 +172578,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -172613,7 +172672,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -184303,15 +184362,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -184397,7 +184456,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -195097,15 +195156,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -195191,7 +195250,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -216291,6 +216350,7 @@ "paddingRight": 64, "paddingTop": 64, "paddingBottom": 64, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -216308,15 +216368,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:56:9309" } } } @@ -216345,16 +216405,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:56:9309" } ] }, @@ -217885,15 +217939,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -217979,7 +218033,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -229669,15 +229723,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -229763,7 +229817,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -241453,15 +241507,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -241547,7 +241601,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -253276,15 +253330,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -253370,7 +253424,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -265060,15 +265114,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -265154,7 +265208,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -276844,15 +276898,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -276938,7 +276992,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -287434,15 +287488,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -287503,7 +287557,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -287538,7 +287592,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -287546,7 +287617,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -288016,10 +288093,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "2162:8659", @@ -293536,5 +293638,1017 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12143": { + "id": "34:12143", + "name": "Variant=Neutral, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 432, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + }, + "34:12139": { + "id": "34:12139", + "name": "Variant=Primary, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 360, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [] + }, + "4185:3807": { + "id": "4185:3807", + "name": "Variant=Subtle, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 280, + "width": 75, + "height": 40 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "4185:3808", + "name": "Star", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 509, + "y": 292, + "width": 16, + "height": 16 + }, + "componentId": "68:16009", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3808;68:16010", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 510.3333435058594, + "y": 293.3333435058594, + "width": 13.333333015441895, + "height": 12.680000305175781 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + }, + { + "id": "4185:3809", + "name": "Button", + "type": "TEXT", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "absoluteBoundingBox": { + "x": 509, + "y": 292, + "width": 51, + "height": 16 + }, + "styles": { + "text": "56:9001" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36450" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36450" + } + ], + "fontWeight": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10181" + } + ], + "fontFamily": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10179" + } + ], + "fontSize": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10180" + } + ] + }, + "characters": "Button", + "style": { + "fontFamily": "Inter", + "fontPostScriptName": null, + "fontStyle": "Regular", + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 16, + "lineHeightPercent": 82.62911224365234, + "lineHeightPercentFontSize": 100, + "lineHeightUnit": "FONT_SIZE_%" + } + }, + { + "id": "4185:3810", + "name": "X", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 568, + "y": 292, + "width": 16, + "height": 16 + }, + "componentId": "68:16113", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3810;68:16114", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 572, + "y": 296, + "width": 8, + "height": 8 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "9762:5087": { + "id": "9762:5087", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 200, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=175-4995" } \ No newline at end of file diff --git a/fixtures/desktop-about/screenshot-1200.png b/fixtures/desktop-about/screenshot-1200.png index aa7fcca6..8124a5f6 100644 Binary files a/fixtures/desktop-about/screenshot-1200.png and b/fixtures/desktop-about/screenshot-1200.png differ diff --git a/fixtures/desktop-about/screenshot-1920.png b/fixtures/desktop-about/screenshot-1920.png index ab299822..6c8c6204 100644 Binary files a/fixtures/desktop-about/screenshot-1920.png and b/fixtures/desktop-about/screenshot-1920.png differ diff --git a/fixtures/desktop-ai-chat/data.json b/fixtures/desktop-ai-chat/data.json index efa68cc2..c4b2b97b 100644 --- a/fixtures/desktop-ai-chat/data.json +++ b/fixtures/desktop-ai-chat/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "5612:8808", "name": "Platform=Desktop", @@ -21,7 +21,7 @@ "x": 30358, "y": 92, "width": 1200, - "height": 2006 + "height": 1606 }, "fills": [ { @@ -17008,9 +17008,10 @@ "layoutMode": "HORIZONTAL", "layoutAlign": "STRETCH", "layoutSizingHorizontal": "FILL", - "layoutSizingVertical": "FIXED", + "layoutSizingVertical": "HUG", "itemSpacing": 32, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -17022,7 +17023,7 @@ "x": 30358, "y": 191, "width": 1200, - "height": 1439 + "height": 1039 }, "componentId": "4309:7517", "componentProperties": { @@ -17058,12 +17059,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -17098,7 +17093,7 @@ "x": 30358, "y": 191, "width": 320, - "height": 1439 + "height": 1039 }, "componentId": "4317:11295", "componentProperties": { @@ -17118,15 +17113,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 0.9607843160629272, - "g": 0.9607843160629272, - "b": 0.9607843160629272, + "r": 1, + "g": 0.9450980424880981, + "b": 0.7607843279838562, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36424" + "id": "VariableID:3919:36440" } } } @@ -17177,7 +17172,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36424" + "id": "VariableID:3919:36440" } ], "strokes": [ @@ -19077,7 +19072,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30374, - "y": 1590, + "y": 1190, "width": 288, "height": 24 }, @@ -19108,7 +19103,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 30374, - "y": 1590, + "y": 1190, "width": 24, "height": 24 }, @@ -19193,7 +19188,7 @@ }, "absoluteBoundingBox": { "x": 30374, - "y": 1590, + "y": 1190, "width": 24, "height": 24 }, @@ -19226,7 +19221,7 @@ }, "absoluteBoundingBox": { "x": 30414, - "y": 1591, + "y": 1191, "width": 248, "height": 22 }, @@ -19327,7 +19322,24 @@ "width": 848, "height": 1039 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 0.9843137264251709, + "b": 0.9215686321258545, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7448" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -19347,7 +19359,13 @@ "paddingBottom": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7448" + } + ] }, "children": [ { @@ -30857,7 +30875,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 30358, - "y": 1630, + "y": 1230, "width": 1200, "height": 468 }, @@ -30894,15 +30912,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -30963,7 +30981,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -30994,11 +31012,28 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30390, - "y": 1662, + "y": 1262, "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -31006,7 +31041,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -31029,7 +31070,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30390, - "y": 1662, + "y": 1262, "width": 23.333332061767578, "height": 35 }, @@ -31053,7 +31094,7 @@ }, "absoluteBoundingBox": { "x": 30390, - "y": 1662, + "y": 1262, "width": 23.333332061767578, "height": 35 }, @@ -31109,7 +31150,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30390, - "y": 1721, + "y": 1321, "width": 143.98001098632812, "height": 24 }, @@ -31140,7 +31181,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30390, - "y": 1721, + "y": 1321, "width": 23.980016708374023, "height": 24 }, @@ -31160,7 +31201,7 @@ }, "absoluteBoundingBox": { "x": 30390, - "y": 1721, + "y": 1321, "width": 23.980016708374023, "height": 24 }, @@ -31212,7 +31253,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 30429.98046875, - "y": 1721, + "y": 1321, "width": 24, "height": 24 }, @@ -31244,7 +31285,7 @@ }, "absoluteBoundingBox": { "x": 30429.98046875, - "y": 1721, + "y": 1321, "width": 24, "height": 24 }, @@ -31296,7 +31337,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 30469.98046875, - "y": 1721, + "y": 1321, "width": 24, "height": 24 }, @@ -31328,7 +31369,7 @@ }, "absoluteBoundingBox": { "x": 30469.98046875, - "y": 1723.9998779296875, + "y": 1323.9998779296875, "width": 24, "height": 18.0002498626709 }, @@ -31380,7 +31421,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 30509.98046875, - "y": 1721, + "y": 1321, "width": 24, "height": 24 }, @@ -31412,7 +31453,7 @@ }, "absoluteBoundingBox": { "x": 30509.98046875, - "y": 1721, + "y": 1321, "width": 24, "height": 24 }, @@ -31472,14 +31513,39 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30668, - "y": 1662, + "y": 1262, "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "I4331:6950;2162:8659", @@ -31500,7 +31566,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30668, - "y": 1662, + "y": 1262, "width": 262, "height": 276 }, @@ -31556,7 +31622,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30668, - "y": 1662, + "y": 1262, "width": 262, "height": 38 }, @@ -31589,7 +31655,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30668, - "y": 1662, + "y": 1262, "width": 80, "height": 22 }, @@ -31620,7 +31686,7 @@ }, "absoluteBoundingBox": { "x": 30668, - "y": 1662, + "y": 1262, "width": 80, "height": 22 }, @@ -31714,7 +31780,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30668, - "y": 1712, + "y": 1312, "width": 144, "height": 226 }, @@ -31743,7 +31809,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30668, - "y": 1712, + "y": 1312, "width": 72, "height": 22 }, @@ -31786,7 +31852,7 @@ }, "absoluteBoundingBox": { "x": 30668, - "y": 1712, + "y": 1312, "width": 72, "height": 22 }, @@ -31879,7 +31945,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30668, - "y": 1746, + "y": 1346, "width": 78, "height": 22 }, @@ -31922,7 +31988,7 @@ }, "absoluteBoundingBox": { "x": 30668, - "y": 1746, + "y": 1346, "width": 78, "height": 22 }, @@ -32015,7 +32081,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30668, - "y": 1780, + "y": 1380, "width": 92, "height": 22 }, @@ -32058,7 +32124,7 @@ }, "absoluteBoundingBox": { "x": 30668, - "y": 1780, + "y": 1380, "width": 92, "height": 22 }, @@ -32151,7 +32217,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30668, - "y": 1814, + "y": 1414, "width": 100, "height": 22 }, @@ -32194,7 +32260,7 @@ }, "absoluteBoundingBox": { "x": 30668, - "y": 1814, + "y": 1414, "width": 100, "height": 22 }, @@ -32287,7 +32353,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30668, - "y": 1848, + "y": 1448, "width": 105, "height": 22 }, @@ -32330,7 +32396,7 @@ }, "absoluteBoundingBox": { "x": 30668, - "y": 1848, + "y": 1448, "width": 105, "height": 22 }, @@ -32423,7 +32489,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30668, - "y": 1882, + "y": 1482, "width": 138, "height": 22 }, @@ -32466,7 +32532,7 @@ }, "absoluteBoundingBox": { "x": 30668, - "y": 1882, + "y": 1482, "width": 138, "height": 22 }, @@ -32559,7 +32625,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30668, - "y": 1916, + "y": 1516, "width": 144, "height": 22 }, @@ -32602,7 +32668,7 @@ }, "absoluteBoundingBox": { "x": 30668, - "y": 1916, + "y": 1516, "width": 144, "height": 22 }, @@ -32698,7 +32764,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30946, - "y": 1662, + "y": 1262, "width": 262, "height": 276 }, @@ -32754,7 +32820,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30946, - "y": 1662, + "y": 1262, "width": 262, "height": 38 }, @@ -32787,7 +32853,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30946, - "y": 1662, + "y": 1262, "width": 59, "height": 22 }, @@ -32818,7 +32884,7 @@ }, "absoluteBoundingBox": { "x": 30946, - "y": 1662, + "y": 1262, "width": 59, "height": 22 }, @@ -32912,7 +32978,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30946, - "y": 1712, + "y": 1312, "width": 168, "height": 226 }, @@ -32941,7 +33007,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30946, - "y": 1712, + "y": 1312, "width": 53, "height": 22 }, @@ -32984,7 +33050,7 @@ }, "absoluteBoundingBox": { "x": 30946, - "y": 1712, + "y": 1312, "width": 53, "height": 22 }, @@ -33077,7 +33143,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30946, - "y": 1746, + "y": 1346, "width": 89, "height": 22 }, @@ -33120,7 +33186,7 @@ }, "absoluteBoundingBox": { "x": 30946, - "y": 1746, + "y": 1346, "width": 89, "height": 22 }, @@ -33213,7 +33279,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30946, - "y": 1780, + "y": 1380, "width": 167, "height": 22 }, @@ -33256,7 +33322,7 @@ }, "absoluteBoundingBox": { "x": 30946, - "y": 1780, + "y": 1380, "width": 167, "height": 22 }, @@ -33349,7 +33415,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30946, - "y": 1814, + "y": 1414, "width": 120, "height": 22 }, @@ -33392,7 +33458,7 @@ }, "absoluteBoundingBox": { "x": 30946, - "y": 1814, + "y": 1414, "width": 120, "height": 22 }, @@ -33485,7 +33551,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30946, - "y": 1848, + "y": 1448, "width": 168, "height": 22 }, @@ -33528,7 +33594,7 @@ }, "absoluteBoundingBox": { "x": 30946, - "y": 1848, + "y": 1448, "width": 168, "height": 22 }, @@ -33621,7 +33687,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30946, - "y": 1882, + "y": 1482, "width": 117, "height": 22 }, @@ -33664,7 +33730,7 @@ }, "absoluteBoundingBox": { "x": 30946, - "y": 1882, + "y": 1482, "width": 117, "height": 22 }, @@ -33757,7 +33823,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 30946, - "y": 1916, + "y": 1516, "width": 55, "height": 22 }, @@ -33800,7 +33866,7 @@ }, "absoluteBoundingBox": { "x": 30946, - "y": 1916, + "y": 1516, "width": 55, "height": 22 }, @@ -33896,7 +33962,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 31224, - "y": 1662, + "y": 1262, "width": 262, "height": 276 }, @@ -33952,7 +34018,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 31224, - "y": 1662, + "y": 1262, "width": 262, "height": 38 }, @@ -33985,7 +34051,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 31224, - "y": 1662, + "y": 1262, "width": 82, "height": 22 }, @@ -34016,7 +34082,7 @@ }, "absoluteBoundingBox": { "x": 31224, - "y": 1662, + "y": 1262, "width": 82, "height": 22 }, @@ -34110,7 +34176,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 31224, - "y": 1712, + "y": 1312, "width": 123, "height": 226 }, @@ -34139,7 +34205,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 31224, - "y": 1712, + "y": 1312, "width": 34, "height": 22 }, @@ -34182,7 +34248,7 @@ }, "absoluteBoundingBox": { "x": 31224, - "y": 1712, + "y": 1312, "width": 34, "height": 22 }, @@ -34275,7 +34341,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 31224, - "y": 1746, + "y": 1346, "width": 109, "height": 22 }, @@ -34318,7 +34384,7 @@ }, "absoluteBoundingBox": { "x": 31224, - "y": 1746, + "y": 1346, "width": 109, "height": 22 }, @@ -34411,7 +34477,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 31224, - "y": 1780, + "y": 1380, "width": 49, "height": 22 }, @@ -34454,7 +34520,7 @@ }, "absoluteBoundingBox": { "x": 31224, - "y": 1780, + "y": 1380, "width": 49, "height": 22 }, @@ -34547,7 +34613,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 31224, - "y": 1814, + "y": 1414, "width": 90, "height": 22 }, @@ -34590,7 +34656,7 @@ }, "absoluteBoundingBox": { "x": 31224, - "y": 1814, + "y": 1414, "width": 90, "height": 22 }, @@ -34683,7 +34749,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 31224, - "y": 1848, + "y": 1448, "width": 61, "height": 22 }, @@ -34726,7 +34792,7 @@ }, "absoluteBoundingBox": { "x": 31224, - "y": 1848, + "y": 1448, "width": 61, "height": 22 }, @@ -34819,7 +34885,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 31224, - "y": 1882, + "y": 1482, "width": 86, "height": 22 }, @@ -34862,7 +34928,7 @@ }, "absoluteBoundingBox": { "x": 31224, - "y": 1882, + "y": 1482, "width": 86, "height": 22 }, @@ -34955,7 +35021,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 31224, - "y": 1916, + "y": 1516, "width": 123, "height": 22 }, @@ -34998,7 +35064,7 @@ }, "absoluteBoundingBox": { "x": 31224, - "y": 1916, + "y": 1516, "width": 123, "height": 22 }, @@ -64854,10 +64920,11 @@ "visible": true, "layoutMode": "HORIZONTAL", "layoutAlign": "INHERIT", - "layoutSizingHorizontal": "FIXED", + "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "FIXED", "itemSpacing": 32, - "layoutGrow": 0, + "maxWidth": 1920, + "layoutGrow": 1, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -64896,12 +64963,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -64956,15 +65017,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 0.9607843160629272, - "g": 0.9607843160629272, - "b": 0.9607843160629272, + "r": 1, + "g": 0.9450980424880981, + "b": 0.7607843279838562, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36424" + "id": "VariableID:3919:36440" } } } @@ -65015,7 +65076,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36424" + "id": "VariableID:3919:36440" } ], "strokes": [ @@ -67165,7 +67226,24 @@ "width": 848, "height": 1039 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 0.9843137264251709, + "b": 0.9215686321258545, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7448" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -67185,7 +67263,13 @@ "paddingBottom": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7448" + } + ] }, "children": [ { @@ -94953,15 +95037,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -95022,7 +95106,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -95057,7 +95141,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -95065,7 +95166,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -95535,10 +95642,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "2162:8659", @@ -100645,5 +100777,703 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12143": { + "id": "34:12143", + "name": "Variant=Neutral, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 432, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + }, + "34:12139": { + "id": "34:12139", + "name": "Variant=Primary, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 360, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [] + }, + "34:12268": { + "id": "34:12268", + "name": "Variant=Subtle, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2025, + "y": 504, + "width": 36, + "height": 36 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + ] + }, + "children": [ + { + "id": "34:12269", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 512, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I34:12269;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 513.6666870117188, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=5612-8808" } \ No newline at end of file diff --git a/fixtures/desktop-ai-chat/screenshot-1200.png b/fixtures/desktop-ai-chat/screenshot-1200.png index 432500a5..61ec04a7 100644 Binary files a/fixtures/desktop-ai-chat/screenshot-1200.png and b/fixtures/desktop-ai-chat/screenshot-1200.png differ diff --git a/fixtures/desktop-ai-chat/screenshot-1920.png b/fixtures/desktop-ai-chat/screenshot-1920.png index 74921ae2..62f2062f 100644 Binary files a/fixtures/desktop-ai-chat/screenshot-1920.png and b/fixtures/desktop-ai-chat/screenshot-1920.png differ diff --git a/fixtures/desktop-article/data.json b/fixtures/desktop-article/data.json index 261c765c..0687df50 100644 --- a/fixtures/desktop-article/data.json +++ b/fixtures/desktop-article/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "175:6877", "name": "Platform=Desktop", @@ -17021,6 +17021,7 @@ "paddingTop": 160, "paddingBottom": 160, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -17080,12 +17081,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -17138,7 +17133,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -17146,7 +17158,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + ] }, "children": [ { @@ -17407,6 +17425,7 @@ "paddingTop": 64, "paddingBottom": 64, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -17433,15 +17452,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -17471,22 +17490,240 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { + "fills": [ + { "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" + "id": "VariableID:106:12464" + } + ] + }, + "children": [ + { + "id": "I175:6761;321:8686", + "name": "Image", + "type": "FRAME", + "visible": true, + "layoutMode": "VERTICAL", + "layoutAlign": "STRETCH", + "layoutSizingHorizontal": "FILL", + "layoutSizingVertical": "FILL", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "layoutGrow": 1, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 11007, + "y": 879, + "width": 512, + "height": 350 + }, + "styles": { + "fills": "293:27519", + "fill": "293:27519" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8918150663375854, + "g": 0.8918150663375854, + "b": 0.8918150663375854, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36535" + } + } + }, + { + "opacity": 0.20000000298023224, + "blendMode": "NORMAL", + "type": "IMAGE", + "scaleMode": "FIT", + "imageRef": "0707e6b2022462187b7b2dab43ed95bab6b24a66", + "rotation": 360 + } + ], + "strokes": [], + "strokeWeight": 4, + "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36535" + } + ] + }, + "children": [] + }, + { + "id": "I175:6761;321:8687", + "name": "Image", + "type": "FRAME", + "visible": true, + "layoutMode": "VERTICAL", + "layoutAlign": "STRETCH", + "layoutSizingHorizontal": "FILL", + "layoutSizingVertical": "FILL", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "layoutGrow": 1, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 11567, + "y": 879, + "width": 512, + "height": 350 + }, + "styles": { + "fills": "293:27519", + "fill": "293:27519" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8918150663375854, + "g": 0.8918150663375854, + "b": 0.8918150663375854, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36535" + } + } + }, + { + "opacity": 0.20000000298023224, + "blendMode": "NORMAL", + "type": "IMAGE", + "scaleMode": "FIT", + "imageRef": "0707e6b2022462187b7b2dab43ed95bab6b24a66", + "rotation": 360 + } + ], + "strokes": [], + "strokeWeight": 4, + "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36535" + } + ] + }, + "children": [] + } + ] + }, + { + "id": "175:6762", + "name": "Panel Image Double", + "type": "INSTANCE", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutAlign": "STRETCH", + "layoutSizingHorizontal": "FILL", + "layoutSizingVertical": "FIXED", + "itemSpacing": 48, + "paddingLeft": 64, + "paddingRight": 64, + "paddingTop": 64, + "paddingBottom": 64, + "minWidth": 1200, + "maxWidth": 1920, + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": false, + "absoluteBoundingBox": { + "x": 10943, + "y": 1293, + "width": 1200, + "height": 478 + }, + "componentId": "2143:14658", + "componentProperties": { + "Platform": { + "value": "Desktop", + "type": "VARIANT", + "boundVariables": {} + } + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12464" + } } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "opacity": 0.800000011920929, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:346:10903" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:107:11150" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:107:11150" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:107:11150" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:107:11150" }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ] }, "children": [ { - "id": "I175:6761;321:8686", + "id": "I175:6762;321:8686", "name": "Image", "type": "FRAME", "visible": true, @@ -17505,236 +17742,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 11007, - "y": 879, - "width": 512, - "height": 350 - }, - "styles": { - "fills": "293:27519", - "fill": "293:27519" - }, - "fills": [ - { - "blendMode": "NORMAL", - "type": "SOLID", - "color": { - "r": 0.8918150663375854, - "g": 0.8918150663375854, - "b": 0.8918150663375854, - "a": 1 - }, - "boundVariables": { - "color": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36535" - } - } - }, - { - "opacity": 0.20000000298023224, - "blendMode": "NORMAL", - "type": "IMAGE", - "scaleMode": "FIT", - "imageRef": "0707e6b2022462187b7b2dab43ed95bab6b24a66", - "rotation": 360 - } - ], - "strokes": [], - "strokeWeight": 4, - "effects": [], - "boundVariables": { - "fills": [ - { - "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36535" - } - ] - }, - "children": [] - }, - { - "id": "I175:6761;321:8687", - "name": "Image", - "type": "FRAME", - "visible": true, - "layoutMode": "VERTICAL", - "layoutAlign": "STRETCH", - "layoutSizingHorizontal": "FILL", - "layoutSizingVertical": "FILL", - "primaryAxisAlignItems": "CENTER", - "counterAxisAlignItems": "CENTER", - "layoutGrow": 1, - "constraints": { - "vertical": "TOP", - "horizontal": "LEFT" - }, - "layoutWrap": "NO_WRAP", - "clipsContent": true, - "absoluteBoundingBox": { - "x": 11567, - "y": 879, - "width": 512, - "height": 350 - }, - "styles": { - "fills": "293:27519", - "fill": "293:27519" - }, - "fills": [ - { - "blendMode": "NORMAL", - "type": "SOLID", - "color": { - "r": 0.8918150663375854, - "g": 0.8918150663375854, - "b": 0.8918150663375854, - "a": 1 - }, - "boundVariables": { - "color": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36535" - } - } - }, - { - "opacity": 0.20000000298023224, - "blendMode": "NORMAL", - "type": "IMAGE", - "scaleMode": "FIT", - "imageRef": "0707e6b2022462187b7b2dab43ed95bab6b24a66", - "rotation": 360 - } - ], - "strokes": [], - "strokeWeight": 4, - "effects": [], - "boundVariables": { - "fills": [ - { - "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36535" - } - ] - }, - "children": [] - } - ] - }, - { - "id": "175:6762", - "name": "Panel Image Double", - "type": "INSTANCE", - "visible": true, - "layoutMode": "HORIZONTAL", - "layoutAlign": "STRETCH", - "layoutSizingHorizontal": "FILL", - "layoutSizingVertical": "FIXED", - "itemSpacing": 48, - "paddingLeft": 64, - "paddingRight": 64, - "paddingTop": 64, - "paddingBottom": 64, - "minWidth": 1200, - "layoutGrow": 0, - "constraints": { - "vertical": "TOP", - "horizontal": "LEFT" - }, - "layoutWrap": "NO_WRAP", - "clipsContent": false, - "absoluteBoundingBox": { - "x": 10943, - "y": 1293, - "width": 1200, - "height": 478 - }, - "componentId": "2143:14658", - "componentProperties": { - "Platform": { - "value": "Desktop", - "type": "VARIANT", - "boundVariables": {} - } - }, - "fills": [ - { - "blendMode": "NORMAL", - "type": "SOLID", - "color": { - "r": 1, - "g": 1, - "b": 1, - "a": 1 - }, - "boundVariables": { - "color": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" - } - } - } - ], - "strokes": [], - "strokeWeight": 1, - "effects": [], - "opacity": 0.800000011920929, - "boundVariables": { - "itemSpacing": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:346:10903" - }, - "paddingLeft": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:107:11150" - }, - "paddingTop": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:107:11150" - }, - "paddingRight": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:107:11150" - }, - "paddingBottom": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:107:11150" - }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, - "fills": [ - { - "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" - } - ] - }, - "children": [ - { - "id": "I175:6762;321:8686", - "name": "Image", - "type": "FRAME", - "visible": true, - "layoutMode": "VERTICAL", - "layoutAlign": "STRETCH", - "layoutSizingHorizontal": "FILL", - "layoutSizingVertical": "FILL", - "primaryAxisAlignItems": "CENTER", - "counterAxisAlignItems": "CENTER", - "layoutGrow": 1, - "constraints": { - "vertical": "TOP", - "horizontal": "LEFT" - }, - "layoutWrap": "NO_WRAP", - "clipsContent": true, - "absoluteBoundingBox": { - "x": 11007, - "y": 1357, + "y": 1357, "width": 512, "height": 350 }, @@ -17914,15 +17922,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -17983,7 +17991,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -18018,7 +18026,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -18026,7 +18051,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -18496,10 +18527,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "I175:6763;2162:8659", @@ -51790,6 +51846,7 @@ "paddingRight": 64, "paddingTop": 160, "paddingBottom": 160, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -51840,12 +51897,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -51898,7 +51949,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -51906,7 +51974,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + ] }, "children": [ { @@ -52305,6 +52379,7 @@ "paddingRight": 64, "paddingTop": 64, "paddingBottom": 64, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -52322,15 +52397,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -52360,16 +52435,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ] }, @@ -52543,15 +52612,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -52612,7 +52681,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -52647,7 +52716,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -52655,7 +52741,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -53125,10 +53217,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "2162:8659", @@ -58235,5 +58352,507 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12143": { + "id": "34:12143", + "name": "Variant=Neutral, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 432, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + }, + "34:12139": { + "id": "34:12139", + "name": "Variant=Primary, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 360, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=175-6877" } \ No newline at end of file diff --git a/fixtures/desktop-article/screenshot-1200.png b/fixtures/desktop-article/screenshot-1200.png index b350c5e2..55607dac 100644 Binary files a/fixtures/desktop-article/screenshot-1200.png and b/fixtures/desktop-article/screenshot-1200.png differ diff --git a/fixtures/desktop-article/screenshot-1920.png b/fixtures/desktop-article/screenshot-1920.png index 6d3f69d9..95e4dc92 100644 Binary files a/fixtures/desktop-article/screenshot-1920.png and b/fixtures/desktop-article/screenshot-1920.png differ diff --git a/fixtures/desktop-contact-us/data.json b/fixtures/desktop-contact-us/data.json index 1e7c7b66..4c5ea5c6 100644 --- a/fixtures/desktop-contact-us/data.json +++ b/fixtures/desktop-contact-us/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "175:5320", "name": "Platform=Desktop", @@ -17023,6 +17023,7 @@ "paddingTop": 160, "paddingBottom": 160, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -17086,12 +17087,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -17144,7 +17139,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9098039269447327, + "g": 0.7254902124404907, + "b": 0.1921568661928177, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36438" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -17152,7 +17164,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36438" + } + ] }, "children": [ { @@ -29945,15 +29963,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -30014,7 +30032,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -30049,7 +30067,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -30057,7 +30092,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -30527,10 +30568,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "I175:5196;2162:8659", @@ -63843,6 +63909,7 @@ "paddingRight": 24, "paddingTop": 160, "paddingBottom": 160, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -63897,12 +63964,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -63955,7 +64016,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9098039269447327, + "g": 0.7254902124404907, + "b": 0.1921568661928177, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36438" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -63963,7 +64041,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36438" + } + ] }, "children": [ { @@ -101444,15 +101528,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -101513,7 +101597,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -101548,7 +101632,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -101556,7 +101657,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -102026,10 +102133,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "2162:8659", @@ -107136,5 +107268,1274 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12143": { + "id": "34:12143", + "name": "Variant=Neutral, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 432, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + }, + "34:12139": { + "id": "34:12139", + "name": "Variant=Primary, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 360, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [] + }, + "4185:3807": { + "id": "4185:3807", + "name": "Variant=Subtle, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 280, + "width": 75, + "height": 40 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "4185:3808", + "name": "Star", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 509, + "y": 292, + "width": 16, + "height": 16 + }, + "componentId": "68:16009", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3808;68:16010", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 510.3333435058594, + "y": 293.3333435058594, + "width": 13.333333015441895, + "height": 12.680000305175781 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + }, + { + "id": "4185:3809", + "name": "Button", + "type": "TEXT", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "absoluteBoundingBox": { + "x": 509, + "y": 292, + "width": 51, + "height": 16 + }, + "styles": { + "text": "56:9001" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36450" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36450" + } + ], + "fontWeight": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10181" + } + ], + "fontFamily": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10179" + } + ], + "fontSize": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10180" + } + ] + }, + "characters": "Button", + "style": { + "fontFamily": "Inter", + "fontPostScriptName": null, + "fontStyle": "Regular", + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 16, + "lineHeightPercent": 82.62911224365234, + "lineHeightPercentFontSize": 100, + "lineHeightUnit": "FONT_SIZE_%" + } + }, + { + "id": "4185:3810", + "name": "X", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 568, + "y": 292, + "width": 16, + "height": 16 + }, + "componentId": "68:16113", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3810;68:16114", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 572, + "y": 296, + "width": 8, + "height": 8 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "4185:3783": { + "id": "4185:3783", + "name": "Variant=Primary, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 120, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [ + { + "id": "4185:3784", + "name": "Star", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 509, + "y": 132, + "width": 16, + "height": 16 + }, + "componentId": "68:16009", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3784;68:16010", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 510.3333435058594, + "y": 133.3333282470703, + "width": 13.333333015441895, + "height": 12.680000305175781 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + ] + } + } + ] + }, + { + "id": "4185:3785", + "name": "Button", + "type": "TEXT", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "absoluteBoundingBox": { + "x": 509, + "y": 132, + "width": 51, + "height": 16 + }, + "styles": { + "text": "56:9001" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36459" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36459" + } + ], + "fontWeight": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10181" + } + ], + "fontFamily": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10179" + } + ], + "fontSize": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10180" + } + ] + }, + "characters": "Button", + "style": { + "fontFamily": "Inter", + "fontPostScriptName": null, + "fontStyle": "Regular", + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 16, + "lineHeightPercent": 82.62911224365234, + "lineHeightPercentFontSize": 100, + "lineHeightUnit": "FONT_SIZE_%" + } + }, + { + "id": "4185:3786", + "name": "X", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 568, + "y": 132, + "width": 16, + "height": 16 + }, + "componentId": "68:16113", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3786;68:16114", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 572, + "y": 136, + "width": 8, + "height": 8 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + ] + } + } + ] + } + ] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=175-5320" } \ No newline at end of file diff --git a/fixtures/desktop-contact-us/screenshot-1200.png b/fixtures/desktop-contact-us/screenshot-1200.png index 60f6dd3f..73d3c1ee 100644 Binary files a/fixtures/desktop-contact-us/screenshot-1200.png and b/fixtures/desktop-contact-us/screenshot-1200.png differ diff --git a/fixtures/desktop-contact-us/screenshot-1920.png b/fixtures/desktop-contact-us/screenshot-1920.png index 13045e2e..9223f7cd 100644 Binary files a/fixtures/desktop-contact-us/screenshot-1920.png and b/fixtures/desktop-contact-us/screenshot-1920.png differ diff --git a/fixtures/desktop-home-page/data.json b/fixtures/desktop-home-page/data.json index 50ee06a0..e8287f9b 100644 --- a/fixtures/desktop-home-page/data.json +++ b/fixtures/desktop-home-page/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "175:4613", "name": "Platform=Desktop", @@ -17026,6 +17026,7 @@ "paddingTop": 160, "paddingBottom": 160, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -17089,12 +17090,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -17147,7 +17142,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.0784313753247261, + "g": 0.6823529601097107, + "b": 0.3607843220233917, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -17155,7 +17167,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36433" + } + ] }, "children": [ { @@ -27630,14 +27648,14 @@ "type": "SOLID", "color": { "r": 1, - "g": 1, - "b": 1, + "g": 0.9450980424880981, + "b": 0.7607843279838562, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7449" } } } @@ -27666,16 +27684,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7449" } ] }, @@ -27983,15 +27995,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -28077,7 +28089,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -28621,15 +28633,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -28715,7 +28727,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -29259,15 +29271,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -29353,7 +29365,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -29897,15 +29909,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -29991,7 +30003,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -30535,15 +30547,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -30629,7 +30641,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -31173,15 +31185,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -31267,7 +31279,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -31844,15 +31856,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -31913,7 +31925,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -31948,7 +31960,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -31956,7 +31985,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -32426,10 +32461,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "I175:4454;2162:8659", @@ -65771,6 +65831,7 @@ "paddingRight": 24, "paddingTop": 160, "paddingBottom": 160, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -65825,12 +65886,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -65883,7 +65938,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.0784313753247261, + "g": 0.6823529601097107, + "b": 0.3607843220233917, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -65891,7 +65963,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36433" + } + ] }, "children": [ { @@ -87143,6 +87221,7 @@ "paddingRight": 64, "paddingTop": 64, "paddingBottom": 64, + "minWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -87161,14 +87240,14 @@ "type": "SOLID", "color": { "r": 1, - "g": 1, - "b": 1, + "g": 0.9450980424880981, + "b": 0.7607843279838562, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7449" } } } @@ -87197,16 +87276,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7449" } ] }, @@ -87514,15 +87587,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -87608,7 +87681,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -88152,15 +88225,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -88246,7 +88319,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -88790,15 +88863,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -88884,7 +88957,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -89428,15 +89501,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -89522,7 +89595,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -90066,15 +90139,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -90160,7 +90233,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -90704,15 +90777,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -90798,7 +90871,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -91549,15 +91622,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -91643,7 +91716,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -92762,15 +92835,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -92831,7 +92904,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -92866,7 +92939,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -92874,7 +92964,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -93344,10 +93440,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "2162:8659", @@ -98818,5 +98939,1040 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12143": { + "id": "34:12143", + "name": "Variant=Neutral, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 432, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + }, + "34:12139": { + "id": "34:12139", + "name": "Variant=Primary, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 360, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [] + }, + "9762:5087": { + "id": "9762:5087", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 200, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + }, + "4185:3783": { + "id": "4185:3783", + "name": "Variant=Primary, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 120, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [ + { + "id": "4185:3784", + "name": "Star", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 509, + "y": 132, + "width": 16, + "height": 16 + }, + "componentId": "68:16009", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3784;68:16010", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 510.3333435058594, + "y": 133.3333282470703, + "width": 13.333333015441895, + "height": 12.680000305175781 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + ] + } + } + ] + }, + { + "id": "4185:3785", + "name": "Button", + "type": "TEXT", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "absoluteBoundingBox": { + "x": 509, + "y": 132, + "width": 51, + "height": 16 + }, + "styles": { + "text": "56:9001" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36459" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36459" + } + ], + "fontWeight": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10181" + } + ], + "fontFamily": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10179" + } + ], + "fontSize": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10180" + } + ] + }, + "characters": "Button", + "style": { + "fontFamily": "Inter", + "fontPostScriptName": null, + "fontStyle": "Regular", + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 16, + "lineHeightPercent": 82.62911224365234, + "lineHeightPercentFontSize": 100, + "lineHeightUnit": "FONT_SIZE_%" + } + }, + { + "id": "4185:3786", + "name": "X", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 568, + "y": 132, + "width": 16, + "height": 16 + }, + "componentId": "68:16113", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3786;68:16114", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 572, + "y": 136, + "width": 8, + "height": 8 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + ] + } + } + ] + } + ] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=175-4613" } \ No newline at end of file diff --git a/fixtures/desktop-home-page/screenshot-1200.png b/fixtures/desktop-home-page/screenshot-1200.png index 0b2ed9af..1e7f2dfa 100644 Binary files a/fixtures/desktop-home-page/screenshot-1200.png and b/fixtures/desktop-home-page/screenshot-1200.png differ diff --git a/fixtures/desktop-home-page/screenshot-1920.png b/fixtures/desktop-home-page/screenshot-1920.png index ae732ad0..9548581b 100644 Binary files a/fixtures/desktop-home-page/screenshot-1920.png and b/fixtures/desktop-home-page/screenshot-1920.png differ diff --git a/fixtures/desktop-landing-page/data.json b/fixtures/desktop-landing-page/data.json index 6154ad13..523d5d59 100644 --- a/fixtures/desktop-landing-page/data.json +++ b/fixtures/desktop-landing-page/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "175:6523", "name": "Platform=Desktop", @@ -17023,6 +17023,7 @@ "paddingTop": 160, "paddingBottom": 160, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -17093,12 +17094,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -27531,6 +27526,7 @@ "paddingTop": 64, "paddingBottom": 64, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -27557,15 +27553,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -27595,16 +27591,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ] }, @@ -27760,6 +27750,7 @@ "paddingTop": 64, "paddingBottom": 64, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -27797,14 +27788,14 @@ "type": "SOLID", "color": { "r": 1, - "g": 1, - "b": 1, + "g": 0.9843137264251709, + "b": 0.9215686321258545, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7448" } } } @@ -27833,16 +27824,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7448" } ] }, @@ -28101,7 +28086,24 @@ "width": 1072, "height": 314 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -28113,7 +28115,13 @@ "counterAxisSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -98378,15 +98386,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -98447,7 +98455,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -98482,7 +98490,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -98490,7 +98515,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -98960,10 +98991,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "I175:6351;2162:8659", @@ -132311,6 +132367,7 @@ "paddingRight": 24, "paddingTop": 160, "paddingBottom": 160, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -132372,12 +132429,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -153692,6 +153743,7 @@ "paddingRight": 64, "paddingTop": 64, "paddingBottom": 64, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -153709,15 +153761,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -153747,16 +153799,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ] }, @@ -153910,6 +153956,7 @@ "paddingRight": 64, "paddingTop": 64, "paddingBottom": 64, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -153928,14 +153975,14 @@ "type": "SOLID", "color": { "r": 1, - "g": 1, - "b": 1, + "g": 0.9843137264251709, + "b": 0.9215686321258545, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7448" } } } @@ -153964,16 +154011,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7448" } ] }, @@ -154232,7 +154273,24 @@ "width": 1072, "height": 314 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -154244,7 +154302,13 @@ "counterAxisSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -245740,15 +245804,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -245809,7 +245873,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -245844,7 +245908,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -245852,7 +245933,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -246322,10 +246409,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "2162:8659", @@ -251432,5 +251544,1412 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12143": { + "id": "34:12143", + "name": "Variant=Neutral, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 432, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + }, + "34:12139": { + "id": "34:12139", + "name": "Variant=Primary, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 360, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [] + }, + "9762:5087": { + "id": "9762:5087", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 200, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + }, + "4185:3783": { + "id": "4185:3783", + "name": "Variant=Primary, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 120, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [ + { + "id": "4185:3784", + "name": "Star", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 509, + "y": 132, + "width": 16, + "height": 16 + }, + "componentId": "68:16009", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3784;68:16010", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 510.3333435058594, + "y": 133.3333282470703, + "width": 13.333333015441895, + "height": 12.680000305175781 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + ] + } + } + ] + }, + { + "id": "4185:3785", + "name": "Button", + "type": "TEXT", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "absoluteBoundingBox": { + "x": 509, + "y": 132, + "width": 51, + "height": 16 + }, + "styles": { + "text": "56:9001" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36459" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36459" + } + ], + "fontWeight": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10181" + } + ], + "fontFamily": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10179" + } + ], + "fontSize": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10180" + } + ] + }, + "characters": "Button", + "style": { + "fontFamily": "Inter", + "fontPostScriptName": null, + "fontStyle": "Regular", + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 16, + "lineHeightPercent": 82.62911224365234, + "lineHeightPercentFontSize": 100, + "lineHeightUnit": "FONT_SIZE_%" + } + }, + { + "id": "4185:3786", + "name": "X", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 568, + "y": 132, + "width": 16, + "height": 16 + }, + "componentId": "68:16113", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3786;68:16114", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 572, + "y": 136, + "width": 8, + "height": 8 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + ] + } + } + ] + } + ] + }, + "4185:3807": { + "id": "4185:3807", + "name": "Variant=Subtle, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 280, + "width": 75, + "height": 40 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "4185:3808", + "name": "Star", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 509, + "y": 292, + "width": 16, + "height": 16 + }, + "componentId": "68:16009", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3808;68:16010", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 510.3333435058594, + "y": 293.3333435058594, + "width": 13.333333015441895, + "height": 12.680000305175781 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + }, + { + "id": "4185:3809", + "name": "Button", + "type": "TEXT", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "absoluteBoundingBox": { + "x": 509, + "y": 292, + "width": 51, + "height": 16 + }, + "styles": { + "text": "56:9001" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36450" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36450" + } + ], + "fontWeight": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10181" + } + ], + "fontFamily": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10179" + } + ], + "fontSize": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10180" + } + ] + }, + "characters": "Button", + "style": { + "fontFamily": "Inter", + "fontPostScriptName": null, + "fontStyle": "Regular", + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 16, + "lineHeightPercent": 82.62911224365234, + "lineHeightPercentFontSize": 100, + "lineHeightUnit": "FONT_SIZE_%" + } + }, + { + "id": "4185:3810", + "name": "X", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 568, + "y": 292, + "width": 16, + "height": 16 + }, + "componentId": "68:16113", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3810;68:16114", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 572, + "y": 296, + "width": 8, + "height": 8 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=175-6523" } \ No newline at end of file diff --git a/fixtures/desktop-landing-page/screenshot-1200.png b/fixtures/desktop-landing-page/screenshot-1200.png index b3458eba..bac716a6 100644 Binary files a/fixtures/desktop-landing-page/screenshot-1200.png and b/fixtures/desktop-landing-page/screenshot-1200.png differ diff --git a/fixtures/desktop-landing-page/screenshot-1920.png b/fixtures/desktop-landing-page/screenshot-1920.png index 9dd484a2..5371879c 100644 Binary files a/fixtures/desktop-landing-page/screenshot-1920.png and b/fixtures/desktop-landing-page/screenshot-1920.png differ diff --git a/fixtures/desktop-portfolio/data.json b/fixtures/desktop-portfolio/data.json index c298e5c4..e694d46b 100644 --- a/fixtures/desktop-portfolio/data.json +++ b/fixtures/desktop-portfolio/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "175:9106", "name": "Platform=Desktop", @@ -17021,6 +17021,7 @@ "paddingTop": 160, "paddingBottom": 160, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -17080,12 +17081,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -17138,7 +17133,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -17146,7 +17158,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + ] }, "children": [ { @@ -17340,6 +17358,7 @@ "paddingTop": 64, "paddingBottom": 64, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -17359,8 +17378,8 @@ "type": "SLOT", "value": { "guid": { - "sessionID": -1, - "localID": -1 + "sessionID": 3016, + "localID": 9170 } }, "preferredValues": [] @@ -17376,15 +17395,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:56:9309" } } } @@ -17413,16 +17432,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:56:9309" } ] }, @@ -17684,14 +17697,14 @@ "effects": [], "children": [ { - "id": "I175:8935;2142:12359", + "id": "I175:8935;6062:12775;3016:9171", "name": "Cards", "type": "FRAME", "visible": true, "layoutMode": "HORIZONTAL", "layoutAlign": "STRETCH", "layoutSizingHorizontal": "FILL", - "layoutSizingVertical": "FIXED", + "layoutSizingVertical": "HUG", "counterAxisAlignItems": "CENTER", "itemSpacing": 48, "layoutGrow": 0, @@ -17721,7 +17734,7 @@ }, "children": [ { - "id": "I175:8935;2142:12360", + "id": "I175:8935;6062:12775;3016:9172", "name": "Card", "type": "INSTANCE", "visible": true, @@ -18953,15 +18966,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -19047,7 +19060,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -19059,7 +19072,7 @@ }, "children": [ { - "id": "I175:8935;2142:12360;638:11631", + "id": "I175:8935;6062:12775;3016:9172;638:11631", "name": "Image", "type": "FRAME", "visible": true, @@ -19127,7 +19140,7 @@ "children": [] }, { - "id": "I175:8935;2142:12360;2142:11561", + "id": "I175:8935;6062:12775;3016:9172;2142:11561", "name": "Body2", "type": "SLOT", "visible": true, @@ -19162,7 +19175,7 @@ }, "children": [ { - "id": "I175:8935;2142:12360;2142:11562", + "id": "I175:8935;6062:12775;3016:9172;2142:11562", "name": "Text", "type": "FRAME", "visible": true, @@ -19196,7 +19209,7 @@ }, "children": [ { - "id": "I175:8935;2142:12360;280:11374", + "id": "I175:8935;6062:12775;3016:9172;280:11374", "name": "Title", "type": "TEXT", "visible": true, @@ -19282,7 +19295,7 @@ } }, { - "id": "I175:8935;2142:12360;280:11678", + "id": "I175:8935;6062:12775;3016:9172;280:11678", "name": "Body text for whatever you’d like to say. Add main takeaway points, quotes, anecdotes, or even a very very short story.", "type": "TEXT", "visible": true, @@ -19370,7 +19383,7 @@ ] }, { - "id": "I175:8935;2142:12360;2142:11565", + "id": "I175:8935;6062:12775;3016:9172;2142:11565", "name": "Button Group", "type": "INSTANCE", "visible": false, @@ -19421,7 +19434,7 @@ }, "children": [ { - "id": "I175:8935;2142:12360;2142:11565;108:12613", + "id": "I175:8935;6062:12775;3016:9172;2142:11565;108:12613", "name": "Button", "type": "INSTANCE", "visible": false, @@ -24179,7 +24192,7 @@ ], "children": [ { - "id": "I175:8935;2142:12360;2142:11565;108:12613;4185:3804", + "id": "I175:8935;6062:12775;3016:9172;2142:11565;108:12613;4185:3804", "name": "Star", "type": "INSTANCE", "visible": false, @@ -24217,7 +24230,7 @@ "effects": [], "children": [ { - "id": "I175:8935;2142:12360;2142:11565;108:12613;4185:3804;68:16010", + "id": "I175:8935;6062:12775;3016:9172;2142:11565;108:12613;4185:3804;68:16010", "name": "Icon", "type": "VECTOR", "visible": true, @@ -24264,7 +24277,7 @@ ] }, { - "id": "I175:8935;2142:12360;2142:11565;108:12613;4185:3805", + "id": "I175:8935;6062:12775;3016:9172;2142:11565;108:12613;4185:3805", "name": "Button", "type": "TEXT", "visible": true, @@ -24350,7 +24363,7 @@ } }, { - "id": "I175:8935;2142:12360;2142:11565;108:12613;4185:3806", + "id": "I175:8935;6062:12775;3016:9172;2142:11565;108:12613;4185:3806", "name": "X", "type": "INSTANCE", "visible": false, @@ -24388,7 +24401,7 @@ "effects": [], "children": [ { - "id": "I175:8935;2142:12360;2142:11565;108:12613;4185:3806;68:16114", + "id": "I175:8935;6062:12775;3016:9172;2142:11565;108:12613;4185:3806;68:16114", "name": "Icon", "type": "VECTOR", "visible": true, @@ -24437,7 +24450,7 @@ ] }, { - "id": "I175:8935;2142:12360;2142:11565;108:12612", + "id": "I175:8935;6062:12775;3016:9172;2142:11565;108:12612", "name": "Button", "type": "INSTANCE", "visible": true, @@ -29241,7 +29254,7 @@ ], "children": [ { - "id": "I175:8935;2142:12360;2142:11565;108:12612;9762:5084", + "id": "I175:8935;6062:12775;3016:9172;2142:11565;108:12612;9762:5084", "name": "Star", "type": "INSTANCE", "visible": false, @@ -29279,7 +29292,7 @@ "effects": [], "children": [ { - "id": "I175:8935;2142:12360;2142:11565;108:12612;9762:5084;68:16010", + "id": "I175:8935;6062:12775;3016:9172;2142:11565;108:12612;9762:5084;68:16010", "name": "Icon", "type": "VECTOR", "visible": true, @@ -29326,7 +29339,7 @@ ] }, { - "id": "I175:8935;2142:12360;2142:11565;108:12612;9762:5085", + "id": "I175:8935;6062:12775;3016:9172;2142:11565;108:12612;9762:5085", "name": "Button", "type": "TEXT", "visible": true, @@ -29412,7 +29425,7 @@ } }, { - "id": "I175:8935;2142:12360;2142:11565;108:12612;9762:5086", + "id": "I175:8935;6062:12775;3016:9172;2142:11565;108:12612;9762:5086", "name": "X", "type": "INSTANCE", "visible": false, @@ -29450,7 +29463,7 @@ "effects": [], "children": [ { - "id": "I175:8935;2142:12360;2142:11565;108:12612;9762:5086;68:16114", + "id": "I175:8935;6062:12775;3016:9172;2142:11565;108:12612;9762:5086;68:16114", "name": "Icon", "type": "VECTOR", "visible": true, @@ -29505,7 +29518,7 @@ ] }, { - "id": "I175:8935;2142:12361", + "id": "I175:8935;6062:12775;3016:9173", "name": "Card", "type": "INSTANCE", "visible": true, @@ -30737,15 +30750,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -30831,7 +30844,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -30843,7 +30856,7 @@ }, "children": [ { - "id": "I175:8935;2142:12361;638:11631", + "id": "I175:8935;6062:12775;3016:9173;638:11631", "name": "Image", "type": "FRAME", "visible": true, @@ -30911,7 +30924,7 @@ "children": [] }, { - "id": "I175:8935;2142:12361;2142:11561", + "id": "I175:8935;6062:12775;3016:9173;2142:11561", "name": "Body2", "type": "SLOT", "visible": true, @@ -30946,7 +30959,7 @@ }, "children": [ { - "id": "I175:8935;2142:12361;2142:11562", + "id": "I175:8935;6062:12775;3016:9173;2142:11562", "name": "Text", "type": "FRAME", "visible": true, @@ -30980,7 +30993,7 @@ }, "children": [ { - "id": "I175:8935;2142:12361;280:11374", + "id": "I175:8935;6062:12775;3016:9173;280:11374", "name": "Title", "type": "TEXT", "visible": true, @@ -31066,7 +31079,7 @@ } }, { - "id": "I175:8935;2142:12361;280:11678", + "id": "I175:8935;6062:12775;3016:9173;280:11678", "name": "Body text for whatever you’d like to say. Add main takeaway points, quotes, anecdotes, or even a very very short story.", "type": "TEXT", "visible": true, @@ -31154,7 +31167,7 @@ ] }, { - "id": "I175:8935;2142:12361;2142:11565", + "id": "I175:8935;6062:12775;3016:9173;2142:11565", "name": "Button Group", "type": "INSTANCE", "visible": false, @@ -31205,7 +31218,7 @@ }, "children": [ { - "id": "I175:8935;2142:12361;2142:11565;108:12613", + "id": "I175:8935;6062:12775;3016:9173;2142:11565;108:12613", "name": "Button", "type": "INSTANCE", "visible": false, @@ -35963,7 +35976,7 @@ ], "children": [ { - "id": "I175:8935;2142:12361;2142:11565;108:12613;4185:3804", + "id": "I175:8935;6062:12775;3016:9173;2142:11565;108:12613;4185:3804", "name": "Star", "type": "INSTANCE", "visible": false, @@ -36001,7 +36014,7 @@ "effects": [], "children": [ { - "id": "I175:8935;2142:12361;2142:11565;108:12613;4185:3804;68:16010", + "id": "I175:8935;6062:12775;3016:9173;2142:11565;108:12613;4185:3804;68:16010", "name": "Icon", "type": "VECTOR", "visible": true, @@ -36048,7 +36061,7 @@ ] }, { - "id": "I175:8935;2142:12361;2142:11565;108:12613;4185:3805", + "id": "I175:8935;6062:12775;3016:9173;2142:11565;108:12613;4185:3805", "name": "Button", "type": "TEXT", "visible": true, @@ -36134,7 +36147,7 @@ } }, { - "id": "I175:8935;2142:12361;2142:11565;108:12613;4185:3806", + "id": "I175:8935;6062:12775;3016:9173;2142:11565;108:12613;4185:3806", "name": "X", "type": "INSTANCE", "visible": false, @@ -36172,7 +36185,7 @@ "effects": [], "children": [ { - "id": "I175:8935;2142:12361;2142:11565;108:12613;4185:3806;68:16114", + "id": "I175:8935;6062:12775;3016:9173;2142:11565;108:12613;4185:3806;68:16114", "name": "Icon", "type": "VECTOR", "visible": true, @@ -36221,7 +36234,7 @@ ] }, { - "id": "I175:8935;2142:12361;2142:11565;108:12612", + "id": "I175:8935;6062:12775;3016:9173;2142:11565;108:12612", "name": "Button", "type": "INSTANCE", "visible": true, @@ -41025,7 +41038,7 @@ ], "children": [ { - "id": "I175:8935;2142:12361;2142:11565;108:12612;9762:5084", + "id": "I175:8935;6062:12775;3016:9173;2142:11565;108:12612;9762:5084", "name": "Star", "type": "INSTANCE", "visible": false, @@ -41063,7 +41076,7 @@ "effects": [], "children": [ { - "id": "I175:8935;2142:12361;2142:11565;108:12612;9762:5084;68:16010", + "id": "I175:8935;6062:12775;3016:9173;2142:11565;108:12612;9762:5084;68:16010", "name": "Icon", "type": "VECTOR", "visible": true, @@ -41110,7 +41123,7 @@ ] }, { - "id": "I175:8935;2142:12361;2142:11565;108:12612;9762:5085", + "id": "I175:8935;6062:12775;3016:9173;2142:11565;108:12612;9762:5085", "name": "Button", "type": "TEXT", "visible": true, @@ -41196,7 +41209,7 @@ } }, { - "id": "I175:8935;2142:12361;2142:11565;108:12612;9762:5086", + "id": "I175:8935;6062:12775;3016:9173;2142:11565;108:12612;9762:5086", "name": "X", "type": "INSTANCE", "visible": false, @@ -41234,7 +41247,7 @@ "effects": [], "children": [ { - "id": "I175:8935;2142:12361;2142:11565;108:12612;9762:5086;68:16114", + "id": "I175:8935;6062:12775;3016:9173;2142:11565;108:12612;9762:5086;68:16114", "name": "Icon", "type": "VECTOR", "visible": true, @@ -41289,7 +41302,7 @@ ] }, { - "id": "I175:8935;2142:12362", + "id": "I175:8935;6062:12775;3016:9174", "name": "Card", "type": "INSTANCE", "visible": true, @@ -42521,15 +42534,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -42615,7 +42628,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -42627,7 +42640,7 @@ }, "children": [ { - "id": "I175:8935;2142:12362;638:11631", + "id": "I175:8935;6062:12775;3016:9174;638:11631", "name": "Image", "type": "FRAME", "visible": true, @@ -42695,7 +42708,7 @@ "children": [] }, { - "id": "I175:8935;2142:12362;2142:11561", + "id": "I175:8935;6062:12775;3016:9174;2142:11561", "name": "Body2", "type": "SLOT", "visible": true, @@ -42730,7 +42743,7 @@ }, "children": [ { - "id": "I175:8935;2142:12362;2142:11562", + "id": "I175:8935;6062:12775;3016:9174;2142:11562", "name": "Text", "type": "FRAME", "visible": true, @@ -42764,7 +42777,7 @@ }, "children": [ { - "id": "I175:8935;2142:12362;280:11374", + "id": "I175:8935;6062:12775;3016:9174;280:11374", "name": "Title", "type": "TEXT", "visible": true, @@ -42850,7 +42863,7 @@ } }, { - "id": "I175:8935;2142:12362;280:11678", + "id": "I175:8935;6062:12775;3016:9174;280:11678", "name": "Body text for whatever you’d like to say. Add main takeaway points, quotes, anecdotes, or even a very very short story.", "type": "TEXT", "visible": true, @@ -42938,7 +42951,7 @@ ] }, { - "id": "I175:8935;2142:12362;2142:11565", + "id": "I175:8935;6062:12775;3016:9174;2142:11565", "name": "Button Group", "type": "INSTANCE", "visible": false, @@ -42989,7 +43002,7 @@ }, "children": [ { - "id": "I175:8935;2142:12362;2142:11565;108:12613", + "id": "I175:8935;6062:12775;3016:9174;2142:11565;108:12613", "name": "Button", "type": "INSTANCE", "visible": false, @@ -47747,7 +47760,7 @@ ], "children": [ { - "id": "I175:8935;2142:12362;2142:11565;108:12613;4185:3804", + "id": "I175:8935;6062:12775;3016:9174;2142:11565;108:12613;4185:3804", "name": "Star", "type": "INSTANCE", "visible": false, @@ -47785,7 +47798,7 @@ "effects": [], "children": [ { - "id": "I175:8935;2142:12362;2142:11565;108:12613;4185:3804;68:16010", + "id": "I175:8935;6062:12775;3016:9174;2142:11565;108:12613;4185:3804;68:16010", "name": "Icon", "type": "VECTOR", "visible": true, @@ -47832,7 +47845,7 @@ ] }, { - "id": "I175:8935;2142:12362;2142:11565;108:12613;4185:3805", + "id": "I175:8935;6062:12775;3016:9174;2142:11565;108:12613;4185:3805", "name": "Button", "type": "TEXT", "visible": true, @@ -47918,7 +47931,7 @@ } }, { - "id": "I175:8935;2142:12362;2142:11565;108:12613;4185:3806", + "id": "I175:8935;6062:12775;3016:9174;2142:11565;108:12613;4185:3806", "name": "X", "type": "INSTANCE", "visible": false, @@ -47956,7 +47969,7 @@ "effects": [], "children": [ { - "id": "I175:8935;2142:12362;2142:11565;108:12613;4185:3806;68:16114", + "id": "I175:8935;6062:12775;3016:9174;2142:11565;108:12613;4185:3806;68:16114", "name": "Icon", "type": "VECTOR", "visible": true, @@ -48005,7 +48018,7 @@ ] }, { - "id": "I175:8935;2142:12362;2142:11565;108:12612", + "id": "I175:8935;6062:12775;3016:9174;2142:11565;108:12612", "name": "Button", "type": "INSTANCE", "visible": true, @@ -52809,7 +52822,7 @@ ], "children": [ { - "id": "I175:8935;2142:12362;2142:11565;108:12612;9762:5084", + "id": "I175:8935;6062:12775;3016:9174;2142:11565;108:12612;9762:5084", "name": "Star", "type": "INSTANCE", "visible": false, @@ -52847,7 +52860,7 @@ "effects": [], "children": [ { - "id": "I175:8935;2142:12362;2142:11565;108:12612;9762:5084;68:16010", + "id": "I175:8935;6062:12775;3016:9174;2142:11565;108:12612;9762:5084;68:16010", "name": "Icon", "type": "VECTOR", "visible": true, @@ -52894,7 +52907,7 @@ ] }, { - "id": "I175:8935;2142:12362;2142:11565;108:12612;9762:5085", + "id": "I175:8935;6062:12775;3016:9174;2142:11565;108:12612;9762:5085", "name": "Button", "type": "TEXT", "visible": true, @@ -52980,7 +52993,7 @@ } }, { - "id": "I175:8935;2142:12362;2142:11565;108:12612;9762:5086", + "id": "I175:8935;6062:12775;3016:9174;2142:11565;108:12612;9762:5086", "name": "X", "type": "INSTANCE", "visible": false, @@ -53018,7 +53031,7 @@ "effects": [], "children": [ { - "id": "I175:8935;2142:12362;2142:11565;108:12612;9762:5086;68:16114", + "id": "I175:8935;6062:12775;3016:9174;2142:11565;108:12612;9762:5086;68:16114", "name": "Icon", "type": "VECTOR", "visible": true, @@ -53075,14 +53088,14 @@ ] }, { - "id": "I175:8935;373:12330", + "id": "I175:8935;6062:12775;3016:9175", "name": "Cards", "type": "FRAME", "visible": true, "layoutMode": "HORIZONTAL", "layoutAlign": "STRETCH", "layoutSizingHorizontal": "FILL", - "layoutSizingVertical": "FIXED", + "layoutSizingVertical": "HUG", "counterAxisAlignItems": "CENTER", "itemSpacing": 48, "layoutGrow": 0, @@ -53112,7 +53125,7 @@ }, "children": [ { - "id": "I175:8935;373:12331", + "id": "I175:8935;6062:12775;3016:9176", "name": "Card", "type": "INSTANCE", "visible": true, @@ -54344,15 +54357,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -54438,7 +54451,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -54450,7 +54463,7 @@ }, "children": [ { - "id": "I175:8935;373:12331;638:11631", + "id": "I175:8935;6062:12775;3016:9176;638:11631", "name": "Image", "type": "FRAME", "visible": true, @@ -54518,7 +54531,7 @@ "children": [] }, { - "id": "I175:8935;373:12331;2142:11561", + "id": "I175:8935;6062:12775;3016:9176;2142:11561", "name": "Body2", "type": "SLOT", "visible": true, @@ -54553,7 +54566,7 @@ }, "children": [ { - "id": "I175:8935;373:12331;2142:11562", + "id": "I175:8935;6062:12775;3016:9176;2142:11562", "name": "Text", "type": "FRAME", "visible": true, @@ -54587,7 +54600,7 @@ }, "children": [ { - "id": "I175:8935;373:12331;280:11374", + "id": "I175:8935;6062:12775;3016:9176;280:11374", "name": "Title", "type": "TEXT", "visible": true, @@ -54673,7 +54686,7 @@ } }, { - "id": "I175:8935;373:12331;280:11678", + "id": "I175:8935;6062:12775;3016:9176;280:11678", "name": "Body text for whatever you’d like to say. Add main takeaway points, quotes, anecdotes, or even a very very short story.", "type": "TEXT", "visible": true, @@ -54761,7 +54774,7 @@ ] }, { - "id": "I175:8935;373:12331;2142:11565", + "id": "I175:8935;6062:12775;3016:9176;2142:11565", "name": "Button Group", "type": "INSTANCE", "visible": false, @@ -54812,7 +54825,7 @@ }, "children": [ { - "id": "I175:8935;373:12331;2142:11565;108:12613", + "id": "I175:8935;6062:12775;3016:9176;2142:11565;108:12613", "name": "Button", "type": "INSTANCE", "visible": false, @@ -59570,7 +59583,7 @@ ], "children": [ { - "id": "I175:8935;373:12331;2142:11565;108:12613;4185:3804", + "id": "I175:8935;6062:12775;3016:9176;2142:11565;108:12613;4185:3804", "name": "Star", "type": "INSTANCE", "visible": false, @@ -59608,7 +59621,7 @@ "effects": [], "children": [ { - "id": "I175:8935;373:12331;2142:11565;108:12613;4185:3804;68:16010", + "id": "I175:8935;6062:12775;3016:9176;2142:11565;108:12613;4185:3804;68:16010", "name": "Icon", "type": "VECTOR", "visible": true, @@ -59655,7 +59668,7 @@ ] }, { - "id": "I175:8935;373:12331;2142:11565;108:12613;4185:3805", + "id": "I175:8935;6062:12775;3016:9176;2142:11565;108:12613;4185:3805", "name": "Button", "type": "TEXT", "visible": true, @@ -59741,7 +59754,7 @@ } }, { - "id": "I175:8935;373:12331;2142:11565;108:12613;4185:3806", + "id": "I175:8935;6062:12775;3016:9176;2142:11565;108:12613;4185:3806", "name": "X", "type": "INSTANCE", "visible": false, @@ -59779,7 +59792,7 @@ "effects": [], "children": [ { - "id": "I175:8935;373:12331;2142:11565;108:12613;4185:3806;68:16114", + "id": "I175:8935;6062:12775;3016:9176;2142:11565;108:12613;4185:3806;68:16114", "name": "Icon", "type": "VECTOR", "visible": true, @@ -59828,7 +59841,7 @@ ] }, { - "id": "I175:8935;373:12331;2142:11565;108:12612", + "id": "I175:8935;6062:12775;3016:9176;2142:11565;108:12612", "name": "Button", "type": "INSTANCE", "visible": true, @@ -64632,7 +64645,7 @@ ], "children": [ { - "id": "I175:8935;373:12331;2142:11565;108:12612;9762:5084", + "id": "I175:8935;6062:12775;3016:9176;2142:11565;108:12612;9762:5084", "name": "Star", "type": "INSTANCE", "visible": false, @@ -64670,7 +64683,7 @@ "effects": [], "children": [ { - "id": "I175:8935;373:12331;2142:11565;108:12612;9762:5084;68:16010", + "id": "I175:8935;6062:12775;3016:9176;2142:11565;108:12612;9762:5084;68:16010", "name": "Icon", "type": "VECTOR", "visible": true, @@ -64717,7 +64730,7 @@ ] }, { - "id": "I175:8935;373:12331;2142:11565;108:12612;9762:5085", + "id": "I175:8935;6062:12775;3016:9176;2142:11565;108:12612;9762:5085", "name": "Button", "type": "TEXT", "visible": true, @@ -64803,7 +64816,7 @@ } }, { - "id": "I175:8935;373:12331;2142:11565;108:12612;9762:5086", + "id": "I175:8935;6062:12775;3016:9176;2142:11565;108:12612;9762:5086", "name": "X", "type": "INSTANCE", "visible": false, @@ -64841,7 +64854,7 @@ "effects": [], "children": [ { - "id": "I175:8935;373:12331;2142:11565;108:12612;9762:5086;68:16114", + "id": "I175:8935;6062:12775;3016:9176;2142:11565;108:12612;9762:5086;68:16114", "name": "Icon", "type": "VECTOR", "visible": true, @@ -64896,7 +64909,7 @@ ] }, { - "id": "I175:8935;373:12332", + "id": "I175:8935;6062:12775;3016:9177", "name": "Card", "type": "INSTANCE", "visible": true, @@ -66128,15 +66141,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -66222,7 +66235,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -66234,7 +66247,7 @@ }, "children": [ { - "id": "I175:8935;373:12332;638:11631", + "id": "I175:8935;6062:12775;3016:9177;638:11631", "name": "Image", "type": "FRAME", "visible": true, @@ -66302,7 +66315,7 @@ "children": [] }, { - "id": "I175:8935;373:12332;2142:11561", + "id": "I175:8935;6062:12775;3016:9177;2142:11561", "name": "Body2", "type": "SLOT", "visible": true, @@ -66337,7 +66350,7 @@ }, "children": [ { - "id": "I175:8935;373:12332;2142:11562", + "id": "I175:8935;6062:12775;3016:9177;2142:11562", "name": "Text", "type": "FRAME", "visible": true, @@ -66371,7 +66384,7 @@ }, "children": [ { - "id": "I175:8935;373:12332;280:11374", + "id": "I175:8935;6062:12775;3016:9177;280:11374", "name": "Title", "type": "TEXT", "visible": true, @@ -66457,7 +66470,7 @@ } }, { - "id": "I175:8935;373:12332;280:11678", + "id": "I175:8935;6062:12775;3016:9177;280:11678", "name": "Body text for whatever you’d like to say. Add main takeaway points, quotes, anecdotes, or even a very very short story.", "type": "TEXT", "visible": true, @@ -66545,7 +66558,7 @@ ] }, { - "id": "I175:8935;373:12332;2142:11565", + "id": "I175:8935;6062:12775;3016:9177;2142:11565", "name": "Button Group", "type": "INSTANCE", "visible": false, @@ -66596,7 +66609,7 @@ }, "children": [ { - "id": "I175:8935;373:12332;2142:11565;108:12613", + "id": "I175:8935;6062:12775;3016:9177;2142:11565;108:12613", "name": "Button", "type": "INSTANCE", "visible": false, @@ -71354,7 +71367,7 @@ ], "children": [ { - "id": "I175:8935;373:12332;2142:11565;108:12613;4185:3804", + "id": "I175:8935;6062:12775;3016:9177;2142:11565;108:12613;4185:3804", "name": "Star", "type": "INSTANCE", "visible": false, @@ -71392,7 +71405,7 @@ "effects": [], "children": [ { - "id": "I175:8935;373:12332;2142:11565;108:12613;4185:3804;68:16010", + "id": "I175:8935;6062:12775;3016:9177;2142:11565;108:12613;4185:3804;68:16010", "name": "Icon", "type": "VECTOR", "visible": true, @@ -71439,7 +71452,7 @@ ] }, { - "id": "I175:8935;373:12332;2142:11565;108:12613;4185:3805", + "id": "I175:8935;6062:12775;3016:9177;2142:11565;108:12613;4185:3805", "name": "Button", "type": "TEXT", "visible": true, @@ -71525,7 +71538,7 @@ } }, { - "id": "I175:8935;373:12332;2142:11565;108:12613;4185:3806", + "id": "I175:8935;6062:12775;3016:9177;2142:11565;108:12613;4185:3806", "name": "X", "type": "INSTANCE", "visible": false, @@ -71563,7 +71576,7 @@ "effects": [], "children": [ { - "id": "I175:8935;373:12332;2142:11565;108:12613;4185:3806;68:16114", + "id": "I175:8935;6062:12775;3016:9177;2142:11565;108:12613;4185:3806;68:16114", "name": "Icon", "type": "VECTOR", "visible": true, @@ -71612,7 +71625,7 @@ ] }, { - "id": "I175:8935;373:12332;2142:11565;108:12612", + "id": "I175:8935;6062:12775;3016:9177;2142:11565;108:12612", "name": "Button", "type": "INSTANCE", "visible": true, @@ -76416,7 +76429,7 @@ ], "children": [ { - "id": "I175:8935;373:12332;2142:11565;108:12612;9762:5084", + "id": "I175:8935;6062:12775;3016:9177;2142:11565;108:12612;9762:5084", "name": "Star", "type": "INSTANCE", "visible": false, @@ -76454,7 +76467,7 @@ "effects": [], "children": [ { - "id": "I175:8935;373:12332;2142:11565;108:12612;9762:5084;68:16010", + "id": "I175:8935;6062:12775;3016:9177;2142:11565;108:12612;9762:5084;68:16010", "name": "Icon", "type": "VECTOR", "visible": true, @@ -76501,7 +76514,7 @@ ] }, { - "id": "I175:8935;373:12332;2142:11565;108:12612;9762:5085", + "id": "I175:8935;6062:12775;3016:9177;2142:11565;108:12612;9762:5085", "name": "Button", "type": "TEXT", "visible": true, @@ -76587,7 +76600,7 @@ } }, { - "id": "I175:8935;373:12332;2142:11565;108:12612;9762:5086", + "id": "I175:8935;6062:12775;3016:9177;2142:11565;108:12612;9762:5086", "name": "X", "type": "INSTANCE", "visible": false, @@ -76625,7 +76638,7 @@ "effects": [], "children": [ { - "id": "I175:8935;373:12332;2142:11565;108:12612;9762:5086;68:16114", + "id": "I175:8935;6062:12775;3016:9177;2142:11565;108:12612;9762:5086;68:16114", "name": "Icon", "type": "VECTOR", "visible": true, @@ -76680,7 +76693,7 @@ ] }, { - "id": "I175:8935;373:12333", + "id": "I175:8935;6062:12775;3016:9178", "name": "Card", "type": "INSTANCE", "visible": true, @@ -77912,15 +77925,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -78006,7 +78019,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -78018,7 +78031,7 @@ }, "children": [ { - "id": "I175:8935;373:12333;638:11631", + "id": "I175:8935;6062:12775;3016:9178;638:11631", "name": "Image", "type": "FRAME", "visible": true, @@ -78086,7 +78099,7 @@ "children": [] }, { - "id": "I175:8935;373:12333;2142:11561", + "id": "I175:8935;6062:12775;3016:9178;2142:11561", "name": "Body2", "type": "SLOT", "visible": true, @@ -78121,7 +78134,7 @@ }, "children": [ { - "id": "I175:8935;373:12333;2142:11562", + "id": "I175:8935;6062:12775;3016:9178;2142:11562", "name": "Text", "type": "FRAME", "visible": true, @@ -78155,7 +78168,7 @@ }, "children": [ { - "id": "I175:8935;373:12333;280:11374", + "id": "I175:8935;6062:12775;3016:9178;280:11374", "name": "Title", "type": "TEXT", "visible": true, @@ -78241,7 +78254,7 @@ } }, { - "id": "I175:8935;373:12333;280:11678", + "id": "I175:8935;6062:12775;3016:9178;280:11678", "name": "Body text for whatever you’d like to say. Add main takeaway points, quotes, anecdotes, or even a very very short story.", "type": "TEXT", "visible": true, @@ -78329,7 +78342,7 @@ ] }, { - "id": "I175:8935;373:12333;2142:11565", + "id": "I175:8935;6062:12775;3016:9178;2142:11565", "name": "Button Group", "type": "INSTANCE", "visible": false, @@ -78380,7 +78393,7 @@ }, "children": [ { - "id": "I175:8935;373:12333;2142:11565;108:12613", + "id": "I175:8935;6062:12775;3016:9178;2142:11565;108:12613", "name": "Button", "type": "INSTANCE", "visible": false, @@ -83138,7 +83151,7 @@ ], "children": [ { - "id": "I175:8935;373:12333;2142:11565;108:12613;4185:3804", + "id": "I175:8935;6062:12775;3016:9178;2142:11565;108:12613;4185:3804", "name": "Star", "type": "INSTANCE", "visible": false, @@ -83176,7 +83189,7 @@ "effects": [], "children": [ { - "id": "I175:8935;373:12333;2142:11565;108:12613;4185:3804;68:16010", + "id": "I175:8935;6062:12775;3016:9178;2142:11565;108:12613;4185:3804;68:16010", "name": "Icon", "type": "VECTOR", "visible": true, @@ -83223,7 +83236,7 @@ ] }, { - "id": "I175:8935;373:12333;2142:11565;108:12613;4185:3805", + "id": "I175:8935;6062:12775;3016:9178;2142:11565;108:12613;4185:3805", "name": "Button", "type": "TEXT", "visible": true, @@ -83309,7 +83322,7 @@ } }, { - "id": "I175:8935;373:12333;2142:11565;108:12613;4185:3806", + "id": "I175:8935;6062:12775;3016:9178;2142:11565;108:12613;4185:3806", "name": "X", "type": "INSTANCE", "visible": false, @@ -83347,7 +83360,7 @@ "effects": [], "children": [ { - "id": "I175:8935;373:12333;2142:11565;108:12613;4185:3806;68:16114", + "id": "I175:8935;6062:12775;3016:9178;2142:11565;108:12613;4185:3806;68:16114", "name": "Icon", "type": "VECTOR", "visible": true, @@ -83396,7 +83409,7 @@ ] }, { - "id": "I175:8935;373:12333;2142:11565;108:12612", + "id": "I175:8935;6062:12775;3016:9178;2142:11565;108:12612", "name": "Button", "type": "INSTANCE", "visible": true, @@ -88200,7 +88213,7 @@ ], "children": [ { - "id": "I175:8935;373:12333;2142:11565;108:12612;9762:5084", + "id": "I175:8935;6062:12775;3016:9178;2142:11565;108:12612;9762:5084", "name": "Star", "type": "INSTANCE", "visible": false, @@ -88238,7 +88251,7 @@ "effects": [], "children": [ { - "id": "I175:8935;373:12333;2142:11565;108:12612;9762:5084;68:16010", + "id": "I175:8935;6062:12775;3016:9178;2142:11565;108:12612;9762:5084;68:16010", "name": "Icon", "type": "VECTOR", "visible": true, @@ -88285,7 +88298,7 @@ ] }, { - "id": "I175:8935;373:12333;2142:11565;108:12612;9762:5085", + "id": "I175:8935;6062:12775;3016:9178;2142:11565;108:12612;9762:5085", "name": "Button", "type": "TEXT", "visible": true, @@ -88371,7 +88384,7 @@ } }, { - "id": "I175:8935;373:12333;2142:11565;108:12612;9762:5086", + "id": "I175:8935;6062:12775;3016:9178;2142:11565;108:12612;9762:5086", "name": "X", "type": "INSTANCE", "visible": false, @@ -88409,7 +88422,7 @@ "effects": [], "children": [ { - "id": "I175:8935;373:12333;2142:11565;108:12612;9762:5086;68:16114", + "id": "I175:8935;6062:12775;3016:9178;2142:11565;108:12612;9762:5086;68:16114", "name": "Icon", "type": "VECTOR", "visible": true, @@ -88533,15 +88546,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -88602,7 +88615,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -88637,7 +88650,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -88645,7 +88675,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -89115,10 +89151,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "I175:8936;2162:8659", @@ -122444,6 +122505,7 @@ "paddingRight": 64, "paddingTop": 160, "paddingBottom": 160, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -122494,12 +122556,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -122552,7 +122608,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -122560,7 +122633,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + ] }, "children": [ { @@ -122959,6 +123038,7 @@ "paddingRight": 64, "paddingTop": 64, "paddingBottom": 64, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -122976,15 +123056,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:56:9309" } } } @@ -123013,16 +123093,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:56:9309" } ] }, @@ -124553,15 +124627,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -124647,7 +124721,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -136337,15 +136411,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -136431,7 +136505,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -148121,15 +148195,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -148215,7 +148289,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -159944,15 +160018,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -160038,7 +160112,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -171728,15 +171802,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -171822,7 +171896,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -183512,15 +183586,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -183606,7 +183680,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -194308,15 +194382,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -194402,7 +194476,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -215522,15 +215596,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -215591,7 +215665,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -215626,7 +215700,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -215634,7 +215725,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -216104,10 +216201,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "2162:8659", @@ -221624,5 +221746,1017 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12143": { + "id": "34:12143", + "name": "Variant=Neutral, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 432, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + }, + "34:12139": { + "id": "34:12139", + "name": "Variant=Primary, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 360, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [] + }, + "4185:3807": { + "id": "4185:3807", + "name": "Variant=Subtle, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 280, + "width": 75, + "height": 40 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "4185:3808", + "name": "Star", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 509, + "y": 292, + "width": 16, + "height": 16 + }, + "componentId": "68:16009", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3808;68:16010", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 510.3333435058594, + "y": 293.3333435058594, + "width": 13.333333015441895, + "height": 12.680000305175781 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + }, + { + "id": "4185:3809", + "name": "Button", + "type": "TEXT", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "absoluteBoundingBox": { + "x": 509, + "y": 292, + "width": 51, + "height": 16 + }, + "styles": { + "text": "56:9001" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36450" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36450" + } + ], + "fontWeight": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10181" + } + ], + "fontFamily": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10179" + } + ], + "fontSize": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10180" + } + ] + }, + "characters": "Button", + "style": { + "fontFamily": "Inter", + "fontPostScriptName": null, + "fontStyle": "Regular", + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 16, + "lineHeightPercent": 82.62911224365234, + "lineHeightPercentFontSize": 100, + "lineHeightUnit": "FONT_SIZE_%" + } + }, + { + "id": "4185:3810", + "name": "X", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 568, + "y": 292, + "width": 16, + "height": 16 + }, + "componentId": "68:16113", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3810;68:16114", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 572, + "y": 296, + "width": 8, + "height": 8 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "9762:5087": { + "id": "9762:5087", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 200, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=175-9106" } \ No newline at end of file diff --git a/fixtures/desktop-portfolio/images/mapping.json b/fixtures/desktop-portfolio/images/mapping.json index 6750cfa7..b7e4b5ac 100644 --- a/fixtures/desktop-portfolio/images/mapping.json +++ b/fixtures/desktop-portfolio/images/mapping.json @@ -1,8 +1,8 @@ { - "I175:8935;2142:12360;638:11631": "image@2x.png", - "I175:8935;2142:12361;638:11631": "image-2@2x.png", - "I175:8935;2142:12362;638:11631": "image-3@2x.png", - "I175:8935;373:12331;638:11631": "image-4@2x.png", - "I175:8935;373:12332;638:11631": "image-5@2x.png", - "I175:8935;373:12333;638:11631": "image-6@2x.png" + "I175:8935;6062:12775;3016:9172;638:11631": "image@2x.png", + "I175:8935;6062:12775;3016:9173;638:11631": "image-2@2x.png", + "I175:8935;6062:12775;3016:9174;638:11631": "image-3@2x.png", + "I175:8935;6062:12775;3016:9176;638:11631": "image-4@2x.png", + "I175:8935;6062:12775;3016:9177;638:11631": "image-5@2x.png", + "I175:8935;6062:12775;3016:9178;638:11631": "image-6@2x.png" } \ No newline at end of file diff --git a/fixtures/desktop-portfolio/screenshot-1200.png b/fixtures/desktop-portfolio/screenshot-1200.png index 01c67fc4..e6b91c21 100644 Binary files a/fixtures/desktop-portfolio/screenshot-1200.png and b/fixtures/desktop-portfolio/screenshot-1200.png differ diff --git a/fixtures/desktop-portfolio/screenshot-1920.png b/fixtures/desktop-portfolio/screenshot-1920.png index c3aeca1b..628980b4 100644 Binary files a/fixtures/desktop-portfolio/screenshot-1920.png and b/fixtures/desktop-portfolio/screenshot-1920.png differ diff --git a/fixtures/desktop-portfolio/vectors/mapping.json b/fixtures/desktop-portfolio/vectors/mapping.json index f5d795f8..e9cbc462 100644 --- a/fixtures/desktop-portfolio/vectors/mapping.json +++ b/fixtures/desktop-portfolio/vectors/mapping.json @@ -6,30 +6,30 @@ "I175:8933;18:9402;18:9047;34:12130;68:16114": "icon-5.svg", "I175:8933;18:9402;18:9048;34:12124;68:16010": "icon-6.svg", "I175:8933;18:9402;18:9048;34:12126;68:16114": "icon-7.svg", - "I175:8935;2142:12360;2142:11565;108:12613;4185:3804;68:16010": "icon-8.svg", - "I175:8935;2142:12360;2142:11565;108:12613;4185:3806;68:16114": "icon-9.svg", - "I175:8935;2142:12360;2142:11565;108:12612;9762:5084;68:16010": "icon-10.svg", - "I175:8935;2142:12360;2142:11565;108:12612;9762:5086;68:16114": "icon-11.svg", - "I175:8935;2142:12361;2142:11565;108:12613;4185:3804;68:16010": "icon-12.svg", - "I175:8935;2142:12361;2142:11565;108:12613;4185:3806;68:16114": "icon-13.svg", - "I175:8935;2142:12361;2142:11565;108:12612;9762:5084;68:16010": "icon-14.svg", - "I175:8935;2142:12361;2142:11565;108:12612;9762:5086;68:16114": "icon-15.svg", - "I175:8935;2142:12362;2142:11565;108:12613;4185:3804;68:16010": "icon-16.svg", - "I175:8935;2142:12362;2142:11565;108:12613;4185:3806;68:16114": "icon-17.svg", - "I175:8935;2142:12362;2142:11565;108:12612;9762:5084;68:16010": "icon-18.svg", - "I175:8935;2142:12362;2142:11565;108:12612;9762:5086;68:16114": "icon-19.svg", - "I175:8935;373:12331;2142:11565;108:12613;4185:3804;68:16010": "icon-20.svg", - "I175:8935;373:12331;2142:11565;108:12613;4185:3806;68:16114": "icon-21.svg", - "I175:8935;373:12331;2142:11565;108:12612;9762:5084;68:16010": "icon-22.svg", - "I175:8935;373:12331;2142:11565;108:12612;9762:5086;68:16114": "icon-23.svg", - "I175:8935;373:12332;2142:11565;108:12613;4185:3804;68:16010": "icon-24.svg", - "I175:8935;373:12332;2142:11565;108:12613;4185:3806;68:16114": "icon-25.svg", - "I175:8935;373:12332;2142:11565;108:12612;9762:5084;68:16010": "icon-26.svg", - "I175:8935;373:12332;2142:11565;108:12612;9762:5086;68:16114": "icon-27.svg", - "I175:8935;373:12333;2142:11565;108:12613;4185:3804;68:16010": "icon-28.svg", - "I175:8935;373:12333;2142:11565;108:12613;4185:3806;68:16114": "icon-29.svg", - "I175:8935;373:12333;2142:11565;108:12612;9762:5084;68:16010": "icon-30.svg", - "I175:8935;373:12333;2142:11565;108:12612;9762:5086;68:16114": "icon-31.svg", + "I175:8935;6062:12775;3016:9172;2142:11565;108:12613;4185:3804;68:16010": "icon-8.svg", + "I175:8935;6062:12775;3016:9172;2142:11565;108:12613;4185:3806;68:16114": "icon-9.svg", + "I175:8935;6062:12775;3016:9172;2142:11565;108:12612;9762:5084;68:16010": "icon-10.svg", + "I175:8935;6062:12775;3016:9172;2142:11565;108:12612;9762:5086;68:16114": "icon-11.svg", + "I175:8935;6062:12775;3016:9173;2142:11565;108:12613;4185:3804;68:16010": "icon-12.svg", + "I175:8935;6062:12775;3016:9173;2142:11565;108:12613;4185:3806;68:16114": "icon-13.svg", + "I175:8935;6062:12775;3016:9173;2142:11565;108:12612;9762:5084;68:16010": "icon-14.svg", + "I175:8935;6062:12775;3016:9173;2142:11565;108:12612;9762:5086;68:16114": "icon-15.svg", + "I175:8935;6062:12775;3016:9174;2142:11565;108:12613;4185:3804;68:16010": "icon-16.svg", + "I175:8935;6062:12775;3016:9174;2142:11565;108:12613;4185:3806;68:16114": "icon-17.svg", + "I175:8935;6062:12775;3016:9174;2142:11565;108:12612;9762:5084;68:16010": "icon-18.svg", + "I175:8935;6062:12775;3016:9174;2142:11565;108:12612;9762:5086;68:16114": "icon-19.svg", + "I175:8935;6062:12775;3016:9176;2142:11565;108:12613;4185:3804;68:16010": "icon-20.svg", + "I175:8935;6062:12775;3016:9176;2142:11565;108:12613;4185:3806;68:16114": "icon-21.svg", + "I175:8935;6062:12775;3016:9176;2142:11565;108:12612;9762:5084;68:16010": "icon-22.svg", + "I175:8935;6062:12775;3016:9176;2142:11565;108:12612;9762:5086;68:16114": "icon-23.svg", + "I175:8935;6062:12775;3016:9177;2142:11565;108:12613;4185:3804;68:16010": "icon-24.svg", + "I175:8935;6062:12775;3016:9177;2142:11565;108:12613;4185:3806;68:16114": "icon-25.svg", + "I175:8935;6062:12775;3016:9177;2142:11565;108:12612;9762:5084;68:16010": "icon-26.svg", + "I175:8935;6062:12775;3016:9177;2142:11565;108:12612;9762:5086;68:16114": "icon-27.svg", + "I175:8935;6062:12775;3016:9178;2142:11565;108:12613;4185:3804;68:16010": "icon-28.svg", + "I175:8935;6062:12775;3016:9178;2142:11565;108:12613;4185:3806;68:16114": "icon-29.svg", + "I175:8935;6062:12775;3016:9178;2142:11565;108:12612;9762:5084;68:16010": "icon-30.svg", + "I175:8935;6062:12775;3016:9178;2142:11565;108:12612;9762:5086;68:16114": "icon-31.svg", "I175:8936;189:27260": "icon-32.svg", "I175:8936;325:12863": "icon-33.svg", "I175:8936;325:12999": "icon-34.svg", diff --git a/fixtures/desktop-pricing/data.json b/fixtures/desktop-pricing/data.json index 7de9394f..65171ae0 100644 --- a/fixtures/desktop-pricing/data.json +++ b/fixtures/desktop-pricing/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "175:5828", "name": "Platform=Desktop", @@ -17021,6 +17021,7 @@ "paddingTop": 160, "paddingBottom": 160, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -17080,12 +17081,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -17138,7 +17133,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -17146,7 +17158,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + ] }, "children": [ { @@ -17341,6 +17359,7 @@ "paddingTop": 64, "paddingBottom": 64, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -17377,15 +17396,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36425" } } } @@ -17414,16 +17433,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36425" } ] }, @@ -38698,6 +38711,7 @@ "paddingTop": 64, "paddingBottom": 64, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -38724,15 +38738,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36435" } } } @@ -38761,16 +38775,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36435" } ] }, @@ -42157,15 +42165,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -42226,7 +42234,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -42261,7 +42269,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -42269,7 +42294,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -42739,10 +42770,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "I175:5612;2162:8659", @@ -76113,6 +76169,7 @@ "paddingRight": 64, "paddingTop": 160, "paddingBottom": 160, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -76163,12 +76220,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -76221,7 +76272,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -76229,7 +76297,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + ] }, "children": [ { @@ -76629,6 +76703,7 @@ "paddingRight": 64, "paddingTop": 64, "paddingBottom": 64, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -76646,15 +76721,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36425" } } } @@ -76683,16 +76758,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36425" } ] }, @@ -76717,9 +76786,9 @@ "counterAxisAlignContent": "AUTO", "clipsContent": false, "absoluteBoundingBox": { - "x": 9003, + "x": 9030.5, "y": 184, - "width": 204, + "width": 149, "height": 32 }, "componentId": "7753:4609", @@ -76826,9 +76895,9 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9003, + "x": 9030.5, "y": 184, - "width": 204, + "width": 149, "height": 32 }, "fills": [], @@ -76860,7 +76929,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9003, + "x": 9030.5, "y": 184, "width": 78, "height": 32 @@ -76960,7 +77029,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9011, + "x": 9038.5, "y": 192, "width": 62, "height": 16 @@ -77058,7 +77127,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9089, + "x": 9116.5, "y": 184, "width": 63, "height": 32 @@ -77135,7 +77204,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9097, + "x": 9124.5, "y": 192, "width": 47, "height": 16 @@ -113940,6 +114009,7 @@ "paddingRight": 64, "paddingTop": 64, "paddingBottom": 64, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -113957,15 +114027,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36435" } } } @@ -113994,16 +114064,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36435" } ] }, @@ -121627,15 +121691,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -121696,7 +121760,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -121731,7 +121795,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -121739,7 +121820,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -122209,10 +122296,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "2162:8659", @@ -127200,5 +127312,645 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12143": { + "id": "34:12143", + "name": "Variant=Neutral, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 432, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + }, + "34:12139": { + "id": "34:12139", + "name": "Variant=Primary, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 360, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [] + }, + "9762:5087": { + "id": "9762:5087", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 200, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=175-5828" } \ No newline at end of file diff --git a/fixtures/desktop-pricing/screenshot-1200.png b/fixtures/desktop-pricing/screenshot-1200.png index 951091a8..7b1c2a66 100644 Binary files a/fixtures/desktop-pricing/screenshot-1200.png and b/fixtures/desktop-pricing/screenshot-1200.png differ diff --git a/fixtures/desktop-pricing/screenshot-1920.png b/fixtures/desktop-pricing/screenshot-1920.png index de5890d7..4339ebfa 100644 Binary files a/fixtures/desktop-pricing/screenshot-1920.png and b/fixtures/desktop-pricing/screenshot-1920.png differ diff --git a/fixtures/desktop-product-detail/data.json b/fixtures/desktop-product-detail/data.json index ee06291b..388afa11 100644 --- a/fixtures/desktop-product-detail/data.json +++ b/fixtures/desktop-product-detail/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "175:8591", "name": "Platform=Desktop", @@ -17021,6 +17021,7 @@ "paddingTop": 64, "paddingBottom": 64, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -17058,14 +17059,14 @@ "type": "SOLID", "color": { "r": 1, - "g": 1, - "b": 1, + "g": 0.9450980424880981, + "b": 0.7607843279838562, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36440" } } } @@ -17094,16 +17095,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36440" } ] }, @@ -31446,6 +31441,7 @@ "paddingTop": 64, "paddingBottom": 64, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -31469,18 +31465,19 @@ }, "fills": [ { + "opacity": 0.5, "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0, + "g": 0, + "b": 0, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:7786:36548" } } } @@ -31509,16 +31506,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:7786:36548" } ] }, @@ -31715,15 +31706,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9803921580314636, + "g": 0.8823529481887817, + "b": 0.9803921580314636, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } } } @@ -31809,7 +31800,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } ], "strokes": [ @@ -32966,15 +32957,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9803921580314636, + "g": 0.8823529481887817, + "b": 0.9803921580314636, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } } } @@ -33060,7 +33051,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } ], "strokes": [ @@ -34217,15 +34208,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9803921580314636, + "g": 0.8823529481887817, + "b": 0.9803921580314636, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } } } @@ -34311,7 +34302,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } ], "strokes": [ @@ -35454,6 +35445,7 @@ "paddingTop": 64, "paddingBottom": 64, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -35480,15 +35472,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36448" } } } @@ -35523,16 +35515,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36448" } ] }, @@ -35754,6 +35740,8 @@ "fontStyle": "Regular", "fontWeight": 400, "textAutoResize": "HEIGHT", + "textTruncation": "ENDING", + "maxLines": 1, "fontSize": 20, "textAlignHorizontal": "CENTER", "textAlignVertical": "CENTER", @@ -41488,15 +41476,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -41557,7 +41545,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -41592,7 +41580,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -41600,7 +41605,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -42070,10 +42081,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "I175:8318;2162:8659", @@ -75475,6 +75511,7 @@ "paddingTop": 64, "paddingBottom": 64, "minWidth": 240, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -75493,14 +75530,14 @@ "type": "SOLID", "color": { "r": 1, - "g": 1, - "b": 1, + "g": 0.9450980424880981, + "b": 0.7607843279838562, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36440" } } } @@ -75529,16 +75566,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36440" } ] }, @@ -96475,6 +96506,7 @@ "paddingRight": 64, "paddingTop": 64, "paddingBottom": 64, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -96489,18 +96521,19 @@ }, "fills": [ { + "opacity": 0.5, "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0, + "g": 0, + "b": 0, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:7786:36548" } } } @@ -96529,16 +96562,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:7786:36548" } ] }, @@ -96735,15 +96762,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9803921580314636, + "g": 0.8823529481887817, + "b": 0.9803921580314636, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } } } @@ -96829,7 +96856,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } ], "strokes": [ @@ -97986,15 +98013,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9803921580314636, + "g": 0.8823529481887817, + "b": 0.9803921580314636, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } } } @@ -98080,7 +98107,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } ], "strokes": [ @@ -99237,15 +99264,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9803921580314636, + "g": 0.8823529481887817, + "b": 0.9803921580314636, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } } } @@ -99331,7 +99358,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } ], "strokes": [ @@ -100489,15 +100516,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9803921580314636, + "g": 0.8823529481887817, + "b": 0.9803921580314636, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } } } @@ -100583,7 +100610,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } ], "strokes": [ @@ -102258,6 +102285,7 @@ "paddingRight": 64, "paddingTop": 64, "paddingBottom": 64, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -102275,15 +102303,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36448" } } } @@ -102318,16 +102346,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:107:11150" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36448" } ] }, @@ -102549,6 +102571,8 @@ "fontStyle": "Regular", "fontWeight": 400, "textAutoResize": "HEIGHT", + "textTruncation": "ENDING", + "maxLines": 1, "fontSize": 20, "textAlignHorizontal": "CENTER", "textAlignVertical": "CENTER", @@ -114626,15 +114650,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -114695,7 +114719,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -114730,7 +114754,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -114738,7 +114779,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -115208,10 +115255,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "2162:8659", @@ -120552,5 +120624,869 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12143": { + "id": "34:12143", + "name": "Variant=Neutral, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 432, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + }, + "34:12139": { + "id": "34:12139", + "name": "Variant=Primary, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 360, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [] + }, + "9762:431": { + "id": "9762:431", + "name": "Variant=Primary, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 120, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [] + }, + "11:11525": { + "id": "11:11525", + "name": "Variant=Primary, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 120, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [ + { + "id": "11:11526", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 132, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11526;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 133.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + ] + } + } + ] + } + ] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=175-8591" } \ No newline at end of file diff --git a/fixtures/desktop-product-detail/screenshot-1200.png b/fixtures/desktop-product-detail/screenshot-1200.png index 80ce1562..0472efe9 100644 Binary files a/fixtures/desktop-product-detail/screenshot-1200.png and b/fixtures/desktop-product-detail/screenshot-1200.png differ diff --git a/fixtures/desktop-product-detail/screenshot-1920.png b/fixtures/desktop-product-detail/screenshot-1920.png index 19d51cc9..f84f5b35 100644 Binary files a/fixtures/desktop-product-detail/screenshot-1920.png and b/fixtures/desktop-product-detail/screenshot-1920.png differ diff --git a/fixtures/desktop-shop/data.json b/fixtures/desktop-shop/data.json index afa5df0b..f76b25d8 100644 --- a/fixtures/desktop-shop/data.json +++ b/fixtures/desktop-shop/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "175:7790", "name": "Platform=Desktop", @@ -17021,6 +17021,7 @@ "paddingTop": 32, "paddingBottom": 32, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -17067,15 +17068,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0, + "g": 0.6000000238418579, + "b": 0.3176470696926117, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36436" } } } @@ -17104,16 +17105,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36436" } ] }, @@ -32151,15 +32146,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -32220,7 +32215,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -32255,7 +32250,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -32263,7 +32275,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -32733,10 +32751,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "I175:7427;2162:8659", @@ -66087,6 +66130,7 @@ "paddingRight": 32, "paddingTop": 32, "paddingBottom": 32, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -66104,15 +66148,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0, + "g": 0.6000000238418579, + "b": 0.3176470696926117, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36436" } } } @@ -66141,16 +66185,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36436" } ] }, @@ -88108,15 +88146,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -88177,7 +88215,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -88212,7 +88250,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -88220,7 +88275,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -88690,10 +88751,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "2162:8659", @@ -93681,5 +93767,731 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12143": { + "id": "34:12143", + "name": "Variant=Neutral, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 432, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + }, + "34:12139": { + "id": "34:12139", + "name": "Variant=Primary, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 360, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [] + }, + "11:11525": { + "id": "11:11525", + "name": "Variant=Primary, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 120, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [ + { + "id": "11:11526", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 132, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11526;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 133.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + ] + } + } + ] + } + ] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=175-7790" } \ No newline at end of file diff --git a/fixtures/desktop-shop/screenshot-1200.png b/fixtures/desktop-shop/screenshot-1200.png index 4ff0da02..5a8bc968 100644 Binary files a/fixtures/desktop-shop/screenshot-1200.png and b/fixtures/desktop-shop/screenshot-1200.png differ diff --git a/fixtures/desktop-shop/screenshot-1920.png b/fixtures/desktop-shop/screenshot-1920.png index f0d38ec1..d367f229 100644 Binary files a/fixtures/desktop-shop/screenshot-1920.png and b/fixtures/desktop-shop/screenshot-1920.png differ diff --git a/fixtures/desktop-slot/data.json b/fixtures/desktop-slot/data.json index 47df6d74..e20d18ec 100644 --- a/fixtures/desktop-slot/data.json +++ b/fixtures/desktop-slot/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "6031:5161", "name": "Platform=Desktop", @@ -17129,15 +17129,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -17198,7 +17198,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -17233,7 +17233,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -17241,7 +17258,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -17711,10 +17734,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "I6031:5164;2162:8659", @@ -50995,15 +51043,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -51064,7 +51112,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -51099,7 +51147,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -51107,7 +51172,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -51577,10 +51648,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "2162:8659", @@ -56687,5 +56783,507 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12143": { + "id": "34:12143", + "name": "Variant=Neutral, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 432, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + }, + "34:12139": { + "id": "34:12139", + "name": "Variant=Primary, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 360, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=6031-5161" } \ No newline at end of file diff --git a/fixtures/desktop-slot/screenshot-1200.png b/fixtures/desktop-slot/screenshot-1200.png index 305b2be7..0cdbac0f 100644 Binary files a/fixtures/desktop-slot/screenshot-1200.png and b/fixtures/desktop-slot/screenshot-1200.png differ diff --git a/fixtures/desktop-slot/screenshot-1920.png b/fixtures/desktop-slot/screenshot-1920.png index 24bb9cea..31c79602 100644 Binary files a/fixtures/desktop-slot/screenshot-1920.png and b/fixtures/desktop-slot/screenshot-1920.png differ diff --git a/fixtures/desktop-waitlist/data.json b/fixtures/desktop-waitlist/data.json index 7075fca7..ed419068 100644 --- a/fixtures/desktop-waitlist/data.json +++ b/fixtures/desktop-waitlist/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "175:6058", "name": "Platform=Desktop", @@ -17028,6 +17028,7 @@ "paddingTop": 160, "paddingBottom": 160, "minWidth": 1200, + "maxWidth": 1920, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -17091,12 +17092,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -23056,15 +23051,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -23125,7 +23120,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -23160,7 +23155,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -23168,7 +23180,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -23638,10 +23656,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "I175:5970;2162:8659", @@ -56939,6 +56982,7 @@ "paddingRight": 24, "paddingTop": 160, "paddingBottom": 160, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -56993,12 +57037,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -69454,15 +69492,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -69523,7 +69561,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -69558,7 +69596,24 @@ "width": 262, "height": 83 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -69566,7 +69621,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] }, "children": [ { @@ -70036,10 +70097,35 @@ "width": 818, "height": 276 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] + }, "children": [ { "id": "2162:8659", @@ -75146,5 +75232,645 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12143": { + "id": "34:12143", + "name": "Variant=Neutral, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 432, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + }, + "34:12139": { + "id": "34:12139", + "name": "Variant=Primary, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 501, + "y": 360, + "width": 67, + "height": 32 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [] + }, + "9762:431": { + "id": "9762:431", + "name": "Variant=Primary, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 120, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=175-6058" } \ No newline at end of file diff --git a/fixtures/desktop-waitlist/screenshot-1200.png b/fixtures/desktop-waitlist/screenshot-1200.png index 093907e9..598c02f0 100644 Binary files a/fixtures/desktop-waitlist/screenshot-1200.png and b/fixtures/desktop-waitlist/screenshot-1200.png differ diff --git a/fixtures/desktop-waitlist/screenshot-1920.png b/fixtures/desktop-waitlist/screenshot-1920.png index 6f13f255..32abc203 100644 Binary files a/fixtures/desktop-waitlist/screenshot-1920.png and b/fixtures/desktop-waitlist/screenshot-1920.png differ diff --git a/fixtures/mobile-about/data.json b/fixtures/mobile-about/data.json index 6e6725c0..68109c72 100644 --- a/fixtures/mobile-about/data.json +++ b/fixtures/mobile-about/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "562:8616", "name": "Platform=Mobile", @@ -21,7 +21,7 @@ "x": -11018, "y": -315, "width": 375, - "height": 5534 + "height": 5582 }, "fills": [ { @@ -6949,12 +6949,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -7007,7 +7001,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -7015,7 +7026,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + ] }, "children": [ { @@ -7235,15 +7252,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -7273,16 +7290,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ] }, @@ -7511,14 +7522,14 @@ "type": "SOLID", "color": { "r": 1, - "g": 1, - "b": 1, + "g": 0.9450980424880981, + "b": 0.7607843279838562, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7449" } } } @@ -7547,16 +7558,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7449" } ] }, @@ -42896,7 +42901,7 @@ "x": -11018, "y": 1953, "width": 375, - "height": 2347 + "height": 2395 }, "componentId": "348:14432", "componentProperties": { @@ -42921,15 +42926,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36425" } } } @@ -42958,16 +42963,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36425" } ] }, @@ -43209,6 +43208,7 @@ "layoutAlign": "STRETCH", "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", + "counterAxisAlignItems": "CENTER", "itemSpacing": 48, "layoutGrow": 0, "constraints": { @@ -43221,7 +43221,7 @@ "x": -10994, "y": 2086, "width": 327, - "height": 2190 + "height": 2238 }, "fills": [], "strokes": [], @@ -43245,14 +43245,14 @@ "horizontal": "LEFT" }, "layoutWrap": "WRAP", - "counterAxisSpacing": 24, - "counterAxisAlignContent": "SPACE_BETWEEN", + "counterAxisSpacing": 12, + "counterAxisAlignContent": "AUTO", "clipsContent": false, "absoluteBoundingBox": { "x": -10994, "y": 2086, "width": 327, - "height": 1071 + "height": 1095 }, "fills": [], "strokes": [], @@ -44498,15 +44498,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -44592,7 +44592,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -55075,7 +55075,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10994, - "y": 2443, + "y": 2455, "width": 327, "height": 357 }, @@ -56282,15 +56282,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -56376,7 +56376,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -56408,7 +56408,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10970, - "y": 2467, + "y": 2479, "width": 160, "height": 160 }, @@ -56475,7 +56475,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10970, - "y": 2651, + "y": 2663, "width": 279, "height": 125 }, @@ -56509,7 +56509,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10970, - "y": 2651, + "y": 2663, "width": 279, "height": 125 }, @@ -56539,7 +56539,7 @@ }, "absoluteBoundingBox": { "x": -10970, - "y": 2651, + "y": 2663, "width": 279, "height": 29 }, @@ -56625,7 +56625,7 @@ }, "absoluteBoundingBox": { "x": -10970, - "y": 2688, + "y": 2700, "width": 279, "height": 88 }, @@ -56718,7 +56718,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10970, - "y": 2814, + "y": 2826, "width": 208, "height": 40 }, @@ -56774,7 +56774,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10970, - "y": 2814, + "y": 2826, "width": 75, "height": 40 }, @@ -61523,7 +61523,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10958, - "y": 2826, + "y": 2838, "width": 16, "height": 16 }, @@ -61556,7 +61556,7 @@ }, "absoluteBoundingBox": { "x": -10956.6669921875, - "y": 2827.333251953125, + "y": 2839.333251953125, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -61607,7 +61607,7 @@ }, "absoluteBoundingBox": { "x": -10958, - "y": 2826, + "y": 2838, "width": 51, "height": 16 }, @@ -61694,7 +61694,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10899, - "y": 2826, + "y": 2838, "width": 16, "height": 16 }, @@ -61727,7 +61727,7 @@ }, "absoluteBoundingBox": { "x": -10895, - "y": 2830, + "y": 2842, "width": 8, "height": 8 }, @@ -61790,7 +61790,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10970, - "y": 2814, + "y": 2826, "width": 75, "height": 40 }, @@ -66585,7 +66585,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10958, - "y": 2826, + "y": 2838, "width": 16, "height": 16 }, @@ -66618,7 +66618,7 @@ }, "absoluteBoundingBox": { "x": -10956.6669921875, - "y": 2827.333251953125, + "y": 2839.333251953125, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -66669,7 +66669,7 @@ }, "absoluteBoundingBox": { "x": -10958, - "y": 2826, + "y": 2838, "width": 51, "height": 16 }, @@ -66756,7 +66756,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10899, - "y": 2826, + "y": 2838, "width": 16, "height": 16 }, @@ -66789,7 +66789,7 @@ }, "absoluteBoundingBox": { "x": -10895, - "y": 2830, + "y": 2842, "width": 8, "height": 8 }, @@ -66859,7 +66859,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10994, - "y": 2800, + "y": 2824, "width": 327, "height": 357 }, @@ -68066,15 +68066,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -68160,7 +68160,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -68192,7 +68192,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10970, - "y": 2824, + "y": 2848, "width": 160, "height": 160 }, @@ -68259,7 +68259,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10970, - "y": 3008, + "y": 3032, "width": 279, "height": 125 }, @@ -68293,7 +68293,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10970, - "y": 3008, + "y": 3032, "width": 279, "height": 125 }, @@ -68323,7 +68323,7 @@ }, "absoluteBoundingBox": { "x": -10970, - "y": 3008, + "y": 3032, "width": 279, "height": 29 }, @@ -68409,7 +68409,7 @@ }, "absoluteBoundingBox": { "x": -10970, - "y": 3045, + "y": 3069, "width": 279, "height": 88 }, @@ -68502,7 +68502,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10970, - "y": 3171, + "y": 3195, "width": 208, "height": 40 }, @@ -68558,7 +68558,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10970, - "y": 3171, + "y": 3195, "width": 75, "height": 40 }, @@ -73307,7 +73307,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10958, - "y": 3183, + "y": 3207, "width": 16, "height": 16 }, @@ -73340,7 +73340,7 @@ }, "absoluteBoundingBox": { "x": -10956.6669921875, - "y": 3184.333251953125, + "y": 3208.333251953125, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -73391,7 +73391,7 @@ }, "absoluteBoundingBox": { "x": -10958, - "y": 3183, + "y": 3207, "width": 51, "height": 16 }, @@ -73478,7 +73478,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10899, - "y": 3183, + "y": 3207, "width": 16, "height": 16 }, @@ -73511,7 +73511,7 @@ }, "absoluteBoundingBox": { "x": -10895, - "y": 3187, + "y": 3211, "width": 8, "height": 8 }, @@ -73574,7 +73574,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10970, - "y": 3171, + "y": 3195, "width": 75, "height": 40 }, @@ -78369,7 +78369,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10958, - "y": 3183, + "y": 3207, "width": 16, "height": 16 }, @@ -78402,7 +78402,7 @@ }, "absoluteBoundingBox": { "x": -10956.6669921875, - "y": 3184.333251953125, + "y": 3208.333251953125, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -78453,7 +78453,7 @@ }, "absoluteBoundingBox": { "x": -10958, - "y": 3183, + "y": 3207, "width": 51, "height": 16 }, @@ -78540,7 +78540,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10899, - "y": 3183, + "y": 3207, "width": 16, "height": 16 }, @@ -78573,7 +78573,7 @@ }, "absoluteBoundingBox": { "x": -10895, - "y": 3187, + "y": 3211, "width": 8, "height": 8 }, @@ -78636,14 +78636,14 @@ "horizontal": "LEFT" }, "layoutWrap": "WRAP", - "counterAxisSpacing": 24, - "counterAxisAlignContent": "SPACE_BETWEEN", + "counterAxisSpacing": 12, + "counterAxisAlignContent": "AUTO", "clipsContent": false, "absoluteBoundingBox": { "x": -10994, - "y": 3205, + "y": 3229, "width": 327, - "height": 1071 + "height": 1095 }, "fills": [], "strokes": [], @@ -78682,7 +78682,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10994, - "y": 3205, + "y": 3229, "width": 327, "height": 357 }, @@ -79889,15 +79889,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -79983,7 +79983,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -80015,7 +80015,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10970, - "y": 3229, + "y": 3253, "width": 160, "height": 160 }, @@ -80082,7 +80082,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10970, - "y": 3413, + "y": 3437, "width": 279, "height": 125 }, @@ -80116,7 +80116,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10970, - "y": 3413, + "y": 3437, "width": 279, "height": 125 }, @@ -80146,7 +80146,7 @@ }, "absoluteBoundingBox": { "x": -10970, - "y": 3413, + "y": 3437, "width": 279, "height": 29 }, @@ -80232,7 +80232,7 @@ }, "absoluteBoundingBox": { "x": -10970, - "y": 3450, + "y": 3474, "width": 279, "height": 88 }, @@ -80325,7 +80325,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10970, - "y": 3576, + "y": 3600, "width": 208, "height": 40 }, @@ -80381,7 +80381,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10970, - "y": 3576, + "y": 3600, "width": 75, "height": 40 }, @@ -85130,7 +85130,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10958, - "y": 3588, + "y": 3612, "width": 16, "height": 16 }, @@ -85163,7 +85163,7 @@ }, "absoluteBoundingBox": { "x": -10956.6669921875, - "y": 3589.333251953125, + "y": 3613.333251953125, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -85214,7 +85214,7 @@ }, "absoluteBoundingBox": { "x": -10958, - "y": 3588, + "y": 3612, "width": 51, "height": 16 }, @@ -85301,7 +85301,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10899, - "y": 3588, + "y": 3612, "width": 16, "height": 16 }, @@ -85334,7 +85334,7 @@ }, "absoluteBoundingBox": { "x": -10895, - "y": 3592, + "y": 3616, "width": 8, "height": 8 }, @@ -85397,7 +85397,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10970, - "y": 3576, + "y": 3600, "width": 75, "height": 40 }, @@ -90192,7 +90192,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10958, - "y": 3588, + "y": 3612, "width": 16, "height": 16 }, @@ -90225,7 +90225,7 @@ }, "absoluteBoundingBox": { "x": -10956.6669921875, - "y": 3589.333251953125, + "y": 3613.333251953125, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -90276,7 +90276,7 @@ }, "absoluteBoundingBox": { "x": -10958, - "y": 3588, + "y": 3612, "width": 51, "height": 16 }, @@ -90363,7 +90363,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10899, - "y": 3588, + "y": 3612, "width": 16, "height": 16 }, @@ -90396,7 +90396,7 @@ }, "absoluteBoundingBox": { "x": -10895, - "y": 3592, + "y": 3616, "width": 8, "height": 8 }, @@ -90466,7 +90466,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10994, - "y": 3562, + "y": 3598, "width": 327, "height": 357 }, @@ -91673,15 +91673,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -91767,7 +91767,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -91799,7 +91799,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10970, - "y": 3586, + "y": 3622, "width": 160, "height": 160 }, @@ -91866,7 +91866,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10970, - "y": 3770, + "y": 3806, "width": 279, "height": 125 }, @@ -91900,7 +91900,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10970, - "y": 3770, + "y": 3806, "width": 279, "height": 125 }, @@ -91930,7 +91930,7 @@ }, "absoluteBoundingBox": { "x": -10970, - "y": 3770, + "y": 3806, "width": 279, "height": 29 }, @@ -92016,7 +92016,7 @@ }, "absoluteBoundingBox": { "x": -10970, - "y": 3807, + "y": 3843, "width": 279, "height": 88 }, @@ -92109,7 +92109,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10970, - "y": 3933, + "y": 3969, "width": 208, "height": 40 }, @@ -92165,7 +92165,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10970, - "y": 3933, + "y": 3969, "width": 75, "height": 40 }, @@ -96914,7 +96914,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10958, - "y": 3945, + "y": 3981, "width": 16, "height": 16 }, @@ -96947,7 +96947,7 @@ }, "absoluteBoundingBox": { "x": -10956.6669921875, - "y": 3946.333251953125, + "y": 3982.333251953125, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -96998,7 +96998,7 @@ }, "absoluteBoundingBox": { "x": -10958, - "y": 3945, + "y": 3981, "width": 51, "height": 16 }, @@ -97085,7 +97085,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10899, - "y": 3945, + "y": 3981, "width": 16, "height": 16 }, @@ -97118,7 +97118,7 @@ }, "absoluteBoundingBox": { "x": -10895, - "y": 3949, + "y": 3985, "width": 8, "height": 8 }, @@ -97181,7 +97181,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10970, - "y": 3933, + "y": 3969, "width": 75, "height": 40 }, @@ -101976,7 +101976,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10958, - "y": 3945, + "y": 3981, "width": 16, "height": 16 }, @@ -102009,7 +102009,7 @@ }, "absoluteBoundingBox": { "x": -10956.6669921875, - "y": 3946.333251953125, + "y": 3982.333251953125, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -102060,7 +102060,7 @@ }, "absoluteBoundingBox": { "x": -10958, - "y": 3945, + "y": 3981, "width": 51, "height": 16 }, @@ -102147,7 +102147,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10899, - "y": 3945, + "y": 3981, "width": 16, "height": 16 }, @@ -102180,7 +102180,7 @@ }, "absoluteBoundingBox": { "x": -10895, - "y": 3949, + "y": 3985, "width": 8, "height": 8 }, @@ -102250,7 +102250,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10994, - "y": 3919, + "y": 3967, "width": 327, "height": 357 }, @@ -103457,15 +103457,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -103551,7 +103551,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -103583,7 +103583,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10970, - "y": 3943, + "y": 3991, "width": 160, "height": 160 }, @@ -103650,7 +103650,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10970, - "y": 4127, + "y": 4175, "width": 279, "height": 125 }, @@ -103684,7 +103684,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10970, - "y": 4127, + "y": 4175, "width": 279, "height": 125 }, @@ -103714,7 +103714,7 @@ }, "absoluteBoundingBox": { "x": -10970, - "y": 4127, + "y": 4175, "width": 279, "height": 29 }, @@ -103800,7 +103800,7 @@ }, "absoluteBoundingBox": { "x": -10970, - "y": 4164, + "y": 4212, "width": 279, "height": 88 }, @@ -103893,7 +103893,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10970, - "y": 4290, + "y": 4338, "width": 208, "height": 40 }, @@ -103949,7 +103949,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10970, - "y": 4290, + "y": 4338, "width": 75, "height": 40 }, @@ -108698,7 +108698,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10958, - "y": 4302, + "y": 4350, "width": 16, "height": 16 }, @@ -108731,7 +108731,7 @@ }, "absoluteBoundingBox": { "x": -10956.6669921875, - "y": 4303.33349609375, + "y": 4351.33349609375, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -108782,7 +108782,7 @@ }, "absoluteBoundingBox": { "x": -10958, - "y": 4302, + "y": 4350, "width": 51, "height": 16 }, @@ -108869,7 +108869,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10899, - "y": 4302, + "y": 4350, "width": 16, "height": 16 }, @@ -108902,7 +108902,7 @@ }, "absoluteBoundingBox": { "x": -10895, - "y": 4306, + "y": 4354, "width": 8, "height": 8 }, @@ -108965,7 +108965,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10970, - "y": 4290, + "y": 4338, "width": 75, "height": 40 }, @@ -113760,7 +113760,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10958, - "y": 4302, + "y": 4350, "width": 16, "height": 16 }, @@ -113793,7 +113793,7 @@ }, "absoluteBoundingBox": { "x": -10956.6669921875, - "y": 4303.33349609375, + "y": 4351.33349609375, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -113844,7 +113844,7 @@ }, "absoluteBoundingBox": { "x": -10958, - "y": 4302, + "y": 4350, "width": 51, "height": 16 }, @@ -113931,7 +113931,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10899, - "y": 4302, + "y": 4350, "width": 16, "height": 16 }, @@ -113964,7 +113964,7 @@ }, "absoluteBoundingBox": { "x": -10895, - "y": 4306, + "y": 4354, "width": 8, "height": 8 }, @@ -114038,7 +114038,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -11018, - "y": 4300, + "y": 4348, "width": 375, "height": 919 }, @@ -114075,15 +114075,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -114135,12 +114135,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -114150,7 +114144,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -114183,14 +114177,39 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4332, + "y": 4380, "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "I562:8447;321:11075", @@ -114212,7 +114231,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4332, + "y": 4380, "width": 23.333332061767578, "height": 35 }, @@ -114236,7 +114255,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 4332, + "y": 4380, "width": 23.333332061767578, "height": 35 }, @@ -114292,7 +114311,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10818.98046875, - "y": 4337.5, + "y": 4385.5, "width": 143.98001098632812, "height": 24 }, @@ -114323,7 +114342,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10818.98046875, - "y": 4337.5, + "y": 4385.5, "width": 23.980016708374023, "height": 24 }, @@ -114343,7 +114362,7 @@ }, "absoluteBoundingBox": { "x": -10818.98046875, - "y": 4337.5, + "y": 4385.5, "width": 23.980016708374023, "height": 24 }, @@ -114395,7 +114414,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10779, - "y": 4337.5, + "y": 4385.5, "width": 24, "height": 24 }, @@ -114427,7 +114446,7 @@ }, "absoluteBoundingBox": { "x": -10779, - "y": 4337.5, + "y": 4385.5, "width": 24, "height": 24 }, @@ -114479,7 +114498,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10739, - "y": 4337.5, + "y": 4385.5, "width": 24, "height": 24 }, @@ -114511,7 +114530,7 @@ }, "absoluteBoundingBox": { "x": -10739, - "y": 4340.5, + "y": 4388.5, "width": 24, "height": 18.0002498626709 }, @@ -114563,7 +114582,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": -10699, - "y": 4337.5, + "y": 4385.5, "width": 24, "height": 24 }, @@ -114595,7 +114614,7 @@ }, "absoluteBoundingBox": { "x": -10699, - "y": 4337.5, + "y": 4385.5, "width": 24, "height": 24 }, @@ -114654,11 +114673,28 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4431, + "y": 4479, "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -114666,7 +114702,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -114688,7 +114730,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4431, + "y": 4479, "width": 311, "height": 756 }, @@ -114716,7 +114758,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4431, + "y": 4479, "width": 311, "height": 236 }, @@ -114772,7 +114814,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4431, + "y": 4479, "width": 311, "height": 26 }, @@ -114805,7 +114847,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4431, + "y": 4479, "width": 81, "height": 22 }, @@ -114836,7 +114878,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 4431, + "y": 4479, "width": 81, "height": 22 }, @@ -114921,7 +114963,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4465, + "y": 4513, "width": 144, "height": 202 }, @@ -114950,7 +114992,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4465, + "y": 4513, "width": 72, "height": 22 }, @@ -114993,7 +115035,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 4465, + "y": 4513, "width": 72, "height": 22 }, @@ -115086,7 +115128,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4495, + "y": 4543, "width": 78, "height": 22 }, @@ -115129,7 +115171,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 4495, + "y": 4543, "width": 78, "height": 22 }, @@ -115222,7 +115264,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4525, + "y": 4573, "width": 92, "height": 22 }, @@ -115265,7 +115307,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 4525, + "y": 4573, "width": 92, "height": 22 }, @@ -115358,7 +115400,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4555, + "y": 4603, "width": 100, "height": 22 }, @@ -115401,7 +115443,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 4555, + "y": 4603, "width": 100, "height": 22 }, @@ -115494,7 +115536,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4585, + "y": 4633, "width": 105, "height": 22 }, @@ -115537,7 +115579,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 4585, + "y": 4633, "width": 105, "height": 22 }, @@ -115630,7 +115672,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4615, + "y": 4663, "width": 138, "height": 22 }, @@ -115673,7 +115715,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 4615, + "y": 4663, "width": 138, "height": 22 }, @@ -115766,7 +115808,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4645, + "y": 4693, "width": 144, "height": 22 }, @@ -115809,7 +115851,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 4645, + "y": 4693, "width": 144, "height": 22 }, @@ -115905,7 +115947,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4691, + "y": 4739, "width": 311, "height": 236 }, @@ -115961,7 +116003,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4691, + "y": 4739, "width": 311, "height": 26 }, @@ -115994,7 +116036,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4691, + "y": 4739, "width": 59, "height": 22 }, @@ -116025,7 +116067,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 4691, + "y": 4739, "width": 59, "height": 22 }, @@ -116110,7 +116152,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4725, + "y": 4773, "width": 168, "height": 202 }, @@ -116139,7 +116181,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4725, + "y": 4773, "width": 53, "height": 22 }, @@ -116182,7 +116224,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 4725, + "y": 4773, "width": 53, "height": 22 }, @@ -116275,7 +116317,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4755, + "y": 4803, "width": 89, "height": 22 }, @@ -116318,7 +116360,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 4755, + "y": 4803, "width": 89, "height": 22 }, @@ -116411,7 +116453,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4785, + "y": 4833, "width": 167, "height": 22 }, @@ -116454,7 +116496,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 4785, + "y": 4833, "width": 167, "height": 22 }, @@ -116547,7 +116589,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4815, + "y": 4863, "width": 120, "height": 22 }, @@ -116590,7 +116632,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 4815, + "y": 4863, "width": 120, "height": 22 }, @@ -116683,7 +116725,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4845, + "y": 4893, "width": 168, "height": 22 }, @@ -116726,7 +116768,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 4845, + "y": 4893, "width": 168, "height": 22 }, @@ -116819,7 +116861,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4875, + "y": 4923, "width": 117, "height": 22 }, @@ -116862,7 +116904,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 4875, + "y": 4923, "width": 117, "height": 22 }, @@ -116955,7 +116997,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4905, + "y": 4953, "width": 55, "height": 22 }, @@ -116998,7 +117040,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 4905, + "y": 4953, "width": 55, "height": 22 }, @@ -117094,7 +117136,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4951, + "y": 4999, "width": 311, "height": 236 }, @@ -117150,7 +117192,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4951, + "y": 4999, "width": 311, "height": 26 }, @@ -117183,7 +117225,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4951, + "y": 4999, "width": 83, "height": 22 }, @@ -117214,7 +117256,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 4951, + "y": 4999, "width": 83, "height": 22 }, @@ -117299,7 +117341,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4985, + "y": 5033, "width": 123, "height": 202 }, @@ -117328,7 +117370,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 4985, + "y": 5033, "width": 34, "height": 22 }, @@ -117371,7 +117413,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 4985, + "y": 5033, "width": 34, "height": 22 }, @@ -117464,7 +117506,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 5015, + "y": 5063, "width": 109, "height": 22 }, @@ -117507,7 +117549,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 5015, + "y": 5063, "width": 109, "height": 22 }, @@ -117600,7 +117642,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 5045, + "y": 5093, "width": 49, "height": 22 }, @@ -117643,7 +117685,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 5045, + "y": 5093, "width": 49, "height": 22 }, @@ -117736,7 +117778,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 5075, + "y": 5123, "width": 90, "height": 22 }, @@ -117779,7 +117821,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 5075, + "y": 5123, "width": 90, "height": 22 }, @@ -117872,7 +117914,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 5105, + "y": 5153, "width": 61, "height": 22 }, @@ -117915,7 +117957,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 5105, + "y": 5153, "width": 61, "height": 22 }, @@ -118008,7 +118050,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 5135, + "y": 5183, "width": 86, "height": 22 }, @@ -118051,7 +118093,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 5135, + "y": 5183, "width": 86, "height": 22 }, @@ -118144,7 +118186,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": -10986, - "y": 5165, + "y": 5213, "width": 123, "height": 22 }, @@ -118187,7 +118229,7 @@ }, "absoluteBoundingBox": { "x": -10986, - "y": 5165, + "y": 5213, "width": 123, "height": 22 }, @@ -127559,6 +127601,7 @@ "paddingRight": 24, "paddingTop": 160, "paddingBottom": 160, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -127609,12 +127652,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -127667,7 +127704,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -127675,7 +127729,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + ] }, "children": [ { @@ -128074,6 +128134,7 @@ "paddingRight": 24, "paddingTop": 24, "paddingBottom": 24, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -128091,15 +128152,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -128129,16 +128190,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ] }, @@ -128292,6 +128347,7 @@ "paddingRight": 24, "paddingTop": 24, "paddingBottom": 24, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "RIGHT" @@ -128310,14 +128366,14 @@ "type": "SOLID", "color": { "r": 1, - "g": 1, - "b": 1, + "g": 0.9450980424880981, + "b": 0.7607843279838562, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7449" } } } @@ -128346,16 +128402,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7449" } ] }, @@ -185159,6 +185209,7 @@ "paddingRight": 24, "paddingTop": 24, "paddingBottom": 24, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -185176,15 +185227,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36425" } } } @@ -185213,16 +185264,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36425" } ] }, @@ -185464,6 +185509,7 @@ "layoutAlign": "STRETCH", "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", + "counterAxisAlignItems": "CENTER", "itemSpacing": 48, "layoutGrow": 0, "constraints": { @@ -186753,15 +186799,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -186847,7 +186893,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -198537,15 +198583,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -198631,7 +198677,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -210321,15 +210367,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -210415,7 +210461,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -222144,15 +222190,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -222238,7 +222284,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -233928,15 +233974,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -234022,7 +234068,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -245712,15 +245758,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -245806,7 +245852,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -256302,15 +256348,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -256396,7 +256442,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -266866,6 +266912,7 @@ "paddingRight": 32, "paddingTop": 32, "paddingBottom": 32, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -266883,15 +266930,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -266943,12 +266990,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -266958,7 +266999,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -266995,10 +267036,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "321:11075", @@ -267466,7 +267532,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -267474,7 +267557,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -272995,5 +273084,937 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12268": { + "id": "34:12268", + "name": "Variant=Subtle, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2025, + "y": 504, + "width": 36, + "height": 36 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + ] + }, + "children": [ + { + "id": "34:12269", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 512, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I34:12269;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 513.6666870117188, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "4185:3807": { + "id": "4185:3807", + "name": "Variant=Subtle, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 280, + "width": 75, + "height": 40 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "4185:3808", + "name": "Star", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 509, + "y": 292, + "width": 16, + "height": 16 + }, + "componentId": "68:16009", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3808;68:16010", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 510.3333435058594, + "y": 293.3333435058594, + "width": 13.333333015441895, + "height": 12.680000305175781 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + }, + { + "id": "4185:3809", + "name": "Button", + "type": "TEXT", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "absoluteBoundingBox": { + "x": 509, + "y": 292, + "width": 51, + "height": 16 + }, + "styles": { + "text": "56:9001" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36450" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36450" + } + ], + "fontWeight": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10181" + } + ], + "fontFamily": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10179" + } + ], + "fontSize": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10180" + } + ] + }, + "characters": "Button", + "style": { + "fontFamily": "Inter", + "fontPostScriptName": null, + "fontStyle": "Regular", + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 16, + "lineHeightPercent": 82.62911224365234, + "lineHeightPercentFontSize": 100, + "lineHeightUnit": "FONT_SIZE_%" + } + }, + { + "id": "4185:3810", + "name": "X", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 568, + "y": 292, + "width": 16, + "height": 16 + }, + "componentId": "68:16113", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3810;68:16114", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 572, + "y": 296, + "width": 8, + "height": 8 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "9762:5087": { + "id": "9762:5087", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 200, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=562-8616" } \ No newline at end of file diff --git a/fixtures/mobile-about/screenshot-375.png b/fixtures/mobile-about/screenshot-375.png index 912ebb40..ceb5081e 100644 Binary files a/fixtures/mobile-about/screenshot-375.png and b/fixtures/mobile-about/screenshot-375.png differ diff --git a/fixtures/mobile-about/screenshot-768.png b/fixtures/mobile-about/screenshot-768.png index 3420c727..1f36794a 100644 Binary files a/fixtures/mobile-about/screenshot-768.png and b/fixtures/mobile-about/screenshot-768.png differ diff --git a/fixtures/mobile-ai-chat/data.json b/fixtures/mobile-ai-chat/data.json index ae8635ba..87558a85 100644 --- a/fixtures/mobile-ai-chat/data.json +++ b/fixtures/mobile-ai-chat/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "5612:8820", "name": "Platform=Mobile", @@ -6950,12 +6950,6 @@ "id": "VariableID:234:21585" } }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -9220,7 +9214,24 @@ "width": 375, "height": 1525 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 0.9843137264251709, + "b": 0.9215686321258545, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7448" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -9244,7 +9255,13 @@ "paddingBottom": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7448" + } + ] }, "children": [ { @@ -9303,6 +9320,7 @@ "layoutAlign": "STRETCH", "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", + "counterAxisAlignItems": "CENTER", "itemSpacing": 24, "layoutGrow": 0, "constraints": { @@ -20793,15 +20811,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -20859,12 +20877,6 @@ "id": "VariableID:234:21585" } }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -20874,7 +20886,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -20911,10 +20923,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "I5612:8823;321:11075", @@ -21382,7 +21419,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -21390,7 +21444,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -34309,6 +34369,7 @@ "layoutAlign": "INHERIT", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", + "maxWidth": 1200, "layoutGrow": 0, "constraints": { "vertical": "TOP", @@ -34344,12 +34405,6 @@ "strokeWeight": 1, "effects": [], "boundVariables": { - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -36614,7 +36669,24 @@ "width": 375, "height": 1525 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 0.9843137264251709, + "b": 0.9215686321258545, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7448" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -36638,7 +36710,13 @@ "paddingBottom": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7448" + } + ] }, "children": [ { @@ -36697,6 +36775,7 @@ "layoutAlign": "STRETCH", "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", + "counterAxisAlignItems": "CENTER", "itemSpacing": 24, "layoutGrow": 0, "constraints": { @@ -64198,6 +64277,7 @@ "paddingRight": 32, "paddingTop": 32, "paddingBottom": 32, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -64215,15 +64295,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -64275,12 +64355,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -64290,7 +64364,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -64327,10 +64401,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "321:11075", @@ -64798,7 +64897,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -64806,7 +64922,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -69917,5 +70039,427 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12268": { + "id": "34:12268", + "name": "Variant=Subtle, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2025, + "y": 504, + "width": 36, + "height": 36 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + ] + }, + "children": [ + { + "id": "34:12269", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 512, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I34:12269;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 513.6666870117188, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=5612-8820" } \ No newline at end of file diff --git a/fixtures/mobile-ai-chat/screenshot-375.png b/fixtures/mobile-ai-chat/screenshot-375.png index 2a841f68..e805f8c0 100644 Binary files a/fixtures/mobile-ai-chat/screenshot-375.png and b/fixtures/mobile-ai-chat/screenshot-375.png differ diff --git a/fixtures/mobile-ai-chat/screenshot-768.png b/fixtures/mobile-ai-chat/screenshot-768.png index 1288efd7..eab98fa9 100644 Binary files a/fixtures/mobile-ai-chat/screenshot-768.png and b/fixtures/mobile-ai-chat/screenshot-768.png differ diff --git a/fixtures/mobile-article/data.json b/fixtures/mobile-article/data.json index 5bd6050e..a93b6396 100644 --- a/fixtures/mobile-article/data.json +++ b/fixtures/mobile-article/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "562:10244", "name": "Platform=Mobile", @@ -6949,12 +6949,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -7007,7 +7001,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -7015,7 +7026,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + ] }, "children": [ { @@ -7302,15 +7319,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -7340,16 +7357,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ] }, @@ -7531,15 +7542,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -7569,16 +7580,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ] }, @@ -7780,15 +7785,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -7840,12 +7845,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -7855,7 +7854,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -7892,10 +7891,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "I3010:9013;321:11075", @@ -8363,7 +8387,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -8371,7 +8412,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -21204,6 +21251,7 @@ "paddingRight": 64, "paddingTop": 160, "paddingBottom": 160, + "maxWidth": 1920, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -21254,12 +21302,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -21312,7 +21354,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -21320,7 +21379,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + ] }, "children": [ { @@ -21719,6 +21784,7 @@ "paddingRight": 24, "paddingTop": 24, "paddingBottom": 24, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -21736,15 +21802,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -21774,16 +21840,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ] }, @@ -21937,6 +21997,7 @@ "paddingRight": 32, "paddingTop": 32, "paddingBottom": 32, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -21954,15 +22015,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -22014,12 +22075,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -22029,7 +22084,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -22066,10 +22121,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "321:11075", @@ -22537,7 +22617,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -22545,7 +22642,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -27656,5 +27759,427 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12268": { + "id": "34:12268", + "name": "Variant=Subtle, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2025, + "y": 504, + "width": 36, + "height": 36 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + ] + }, + "children": [ + { + "id": "34:12269", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 512, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I34:12269;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 513.6666870117188, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=562-10244" } \ No newline at end of file diff --git a/fixtures/mobile-article/screenshot-375.png b/fixtures/mobile-article/screenshot-375.png index a298509e..b4ca76d6 100644 Binary files a/fixtures/mobile-article/screenshot-375.png and b/fixtures/mobile-article/screenshot-375.png differ diff --git a/fixtures/mobile-article/screenshot-768.png b/fixtures/mobile-article/screenshot-768.png index 014ee1fa..732390db 100644 Binary files a/fixtures/mobile-article/screenshot-768.png and b/fixtures/mobile-article/screenshot-768.png differ diff --git a/fixtures/mobile-contact-us/data.json b/fixtures/mobile-contact-us/data.json index 593d0037..e95710b1 100644 --- a/fixtures/mobile-contact-us/data.json +++ b/fixtures/mobile-contact-us/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "562:9204", "name": "Platform=Mobile", @@ -6955,12 +6955,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -7013,7 +7007,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9098039269447327, + "g": 0.7254902124404907, + "b": 0.1921568661928177, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36438" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -7021,7 +7032,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36438" + } + ] }, "children": [ { @@ -19811,15 +19828,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -19871,12 +19888,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -19886,7 +19897,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -19923,10 +19934,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "I562:9070;321:11075", @@ -20394,7 +20430,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -20402,7 +20455,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -33267,6 +33326,7 @@ "paddingRight": 24, "paddingTop": 160, "paddingBottom": 160, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -33321,12 +33381,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -33379,7 +33433,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9098039269447327, + "g": 0.7254902124404907, + "b": 0.1921568661928177, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36438" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -33387,7 +33458,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36438" + } + ] }, "children": [ { @@ -71008,6 +71085,7 @@ "paddingRight": 32, "paddingTop": 32, "paddingBottom": 32, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -71025,15 +71103,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -71085,12 +71163,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -71100,7 +71172,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -71137,10 +71209,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "321:11075", @@ -71608,7 +71705,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -71616,7 +71730,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -76727,5 +76847,1194 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12268": { + "id": "34:12268", + "name": "Variant=Subtle, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2025, + "y": 504, + "width": 36, + "height": 36 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + ] + }, + "children": [ + { + "id": "34:12269", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 512, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I34:12269;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 513.6666870117188, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "4185:3807": { + "id": "4185:3807", + "name": "Variant=Subtle, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 280, + "width": 75, + "height": 40 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "4185:3808", + "name": "Star", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 509, + "y": 292, + "width": 16, + "height": 16 + }, + "componentId": "68:16009", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3808;68:16010", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 510.3333435058594, + "y": 293.3333435058594, + "width": 13.333333015441895, + "height": 12.680000305175781 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + }, + { + "id": "4185:3809", + "name": "Button", + "type": "TEXT", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "absoluteBoundingBox": { + "x": 509, + "y": 292, + "width": 51, + "height": 16 + }, + "styles": { + "text": "56:9001" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36450" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36450" + } + ], + "fontWeight": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10181" + } + ], + "fontFamily": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10179" + } + ], + "fontSize": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10180" + } + ] + }, + "characters": "Button", + "style": { + "fontFamily": "Inter", + "fontPostScriptName": null, + "fontStyle": "Regular", + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 16, + "lineHeightPercent": 82.62911224365234, + "lineHeightPercentFontSize": 100, + "lineHeightUnit": "FONT_SIZE_%" + } + }, + { + "id": "4185:3810", + "name": "X", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 568, + "y": 292, + "width": 16, + "height": 16 + }, + "componentId": "68:16113", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3810;68:16114", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 572, + "y": 296, + "width": 8, + "height": 8 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "4185:3783": { + "id": "4185:3783", + "name": "Variant=Primary, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 120, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [ + { + "id": "4185:3784", + "name": "Star", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 509, + "y": 132, + "width": 16, + "height": 16 + }, + "componentId": "68:16009", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3784;68:16010", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 510.3333435058594, + "y": 133.3333282470703, + "width": 13.333333015441895, + "height": 12.680000305175781 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + ] + } + } + ] + }, + { + "id": "4185:3785", + "name": "Button", + "type": "TEXT", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "absoluteBoundingBox": { + "x": 509, + "y": 132, + "width": 51, + "height": 16 + }, + "styles": { + "text": "56:9001" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36459" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36459" + } + ], + "fontWeight": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10181" + } + ], + "fontFamily": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10179" + } + ], + "fontSize": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10180" + } + ] + }, + "characters": "Button", + "style": { + "fontFamily": "Inter", + "fontPostScriptName": null, + "fontStyle": "Regular", + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 16, + "lineHeightPercent": 82.62911224365234, + "lineHeightPercentFontSize": 100, + "lineHeightUnit": "FONT_SIZE_%" + } + }, + { + "id": "4185:3786", + "name": "X", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 568, + "y": 132, + "width": 16, + "height": 16 + }, + "componentId": "68:16113", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3786;68:16114", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 572, + "y": 136, + "width": 8, + "height": 8 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + ] + } + } + ] + } + ] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=562-9204" } \ No newline at end of file diff --git a/fixtures/mobile-contact-us/screenshot-375.png b/fixtures/mobile-contact-us/screenshot-375.png index 99629d80..602d3793 100644 Binary files a/fixtures/mobile-contact-us/screenshot-375.png and b/fixtures/mobile-contact-us/screenshot-375.png differ diff --git a/fixtures/mobile-contact-us/screenshot-768.png b/fixtures/mobile-contact-us/screenshot-768.png index ab78e26d..9df85fcc 100644 Binary files a/fixtures/mobile-contact-us/screenshot-768.png and b/fixtures/mobile-contact-us/screenshot-768.png differ diff --git a/fixtures/mobile-home-page/data.json b/fixtures/mobile-home-page/data.json index d0e5b07f..89e5e720 100644 --- a/fixtures/mobile-home-page/data.json +++ b/fixtures/mobile-home-page/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "562:8312", "name": "Platform=Mobile", @@ -6954,12 +6954,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -7012,7 +7006,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.0784313753247261, + "g": 0.6823529601097107, + "b": 0.3607843220233917, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -7020,7 +7031,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36433" + } + ] }, "children": [ { @@ -17495,14 +17512,14 @@ "type": "SOLID", "color": { "r": 1, - "g": 1, - "b": 1, + "g": 0.9450980424880981, + "b": 0.7607843279838562, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7449" } } } @@ -17531,16 +17548,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7449" } ] }, @@ -17782,6 +17793,7 @@ "layoutAlign": "STRETCH", "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", "itemSpacing": 24, "layoutGrow": 0, "constraints": { @@ -17837,7 +17849,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15795, + "x": -15791.5, "y": 799, "width": 320, "height": 147 @@ -17848,15 +17860,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -17942,7 +17954,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -17970,7 +17982,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 823, "width": 272, "height": 29 @@ -18001,7 +18013,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 823, "width": 272, "height": 29 @@ -18093,7 +18105,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 876, "width": 139, "height": 46 @@ -18135,7 +18147,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 876, "width": 40, "height": 40 @@ -18220,7 +18232,7 @@ "horizontal": "CENTER" }, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 876, "width": 40, "height": 40 @@ -18257,7 +18269,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15719, + "x": -15715.5, "y": 876, "width": 87, "height": 46 @@ -18287,7 +18299,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": -15719, + "x": -15715.5, "y": 876, "width": 87, "height": 22 @@ -18373,7 +18385,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": -15719, + "x": -15715.5, "y": 900, "width": 87, "height": 22 @@ -18475,7 +18487,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15795, + "x": -15791.5, "y": 970, "width": 320, "height": 147 @@ -18486,15 +18498,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -18580,7 +18592,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -18608,7 +18620,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 994, "width": 272, "height": 29 @@ -18639,7 +18651,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 994, "width": 272, "height": 29 @@ -18731,7 +18743,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1047, "width": 139, "height": 46 @@ -18773,7 +18785,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1047, "width": 40, "height": 40 @@ -18858,7 +18870,7 @@ "horizontal": "CENTER" }, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1047, "width": 40, "height": 40 @@ -18895,7 +18907,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15719, + "x": -15715.5, "y": 1047, "width": 87, "height": 46 @@ -18925,7 +18937,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": -15719, + "x": -15715.5, "y": 1047, "width": 87, "height": 22 @@ -19011,7 +19023,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": -15719, + "x": -15715.5, "y": 1071, "width": 87, "height": 22 @@ -19113,7 +19125,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15795, + "x": -15791.5, "y": 1141, "width": 320, "height": 147 @@ -19124,15 +19136,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -19218,7 +19230,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -19246,7 +19258,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1165, "width": 272, "height": 29 @@ -19277,7 +19289,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1165, "width": 272, "height": 29 @@ -19369,7 +19381,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1218, "width": 139, "height": 46 @@ -19411,7 +19423,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1218, "width": 40, "height": 40 @@ -19496,7 +19508,7 @@ "horizontal": "CENTER" }, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1218, "width": 40, "height": 40 @@ -19533,7 +19545,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15719, + "x": -15715.5, "y": 1218, "width": 87, "height": 46 @@ -19563,7 +19575,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": -15719, + "x": -15715.5, "y": 1218, "width": 87, "height": 22 @@ -19649,7 +19661,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": -15719, + "x": -15715.5, "y": 1242, "width": 87, "height": 22 @@ -19751,7 +19763,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15795, + "x": -15791.5, "y": 1312, "width": 320, "height": 147 @@ -19762,15 +19774,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -19856,7 +19868,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -19884,7 +19896,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1336, "width": 272, "height": 29 @@ -19915,7 +19927,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1336, "width": 272, "height": 29 @@ -20007,7 +20019,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1389, "width": 139, "height": 46 @@ -20049,7 +20061,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1389, "width": 40, "height": 40 @@ -20134,7 +20146,7 @@ "horizontal": "CENTER" }, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1389, "width": 40, "height": 40 @@ -20171,7 +20183,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15719, + "x": -15715.5, "y": 1389, "width": 87, "height": 46 @@ -20201,7 +20213,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": -15719, + "x": -15715.5, "y": 1389, "width": 87, "height": 22 @@ -20287,7 +20299,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": -15719, + "x": -15715.5, "y": 1413, "width": 87, "height": 22 @@ -20389,7 +20401,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15795, + "x": -15791.5, "y": 1483, "width": 320, "height": 147 @@ -20400,15 +20412,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -20494,7 +20506,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -20522,7 +20534,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1507, "width": 272, "height": 29 @@ -20553,7 +20565,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1507, "width": 272, "height": 29 @@ -20645,7 +20657,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1560, "width": 139, "height": 46 @@ -20687,7 +20699,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1560, "width": 40, "height": 40 @@ -20772,7 +20784,7 @@ "horizontal": "CENTER" }, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1560, "width": 40, "height": 40 @@ -20809,7 +20821,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15719, + "x": -15715.5, "y": 1560, "width": 87, "height": 46 @@ -20839,7 +20851,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": -15719, + "x": -15715.5, "y": 1560, "width": 87, "height": 22 @@ -20925,7 +20937,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": -15719, + "x": -15715.5, "y": 1584, "width": 87, "height": 22 @@ -21027,7 +21039,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15795, + "x": -15791.5, "y": 1654, "width": 320, "height": 147 @@ -21038,15 +21050,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -21132,7 +21144,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -21160,7 +21172,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1678, "width": 272, "height": 29 @@ -21191,7 +21203,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1678, "width": 272, "height": 29 @@ -21283,7 +21295,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1731, "width": 139, "height": 46 @@ -21325,7 +21337,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1731, "width": 40, "height": 40 @@ -21410,7 +21422,7 @@ "horizontal": "CENTER" }, "absoluteBoundingBox": { - "x": -15771, + "x": -15767.5, "y": 1731, "width": 40, "height": 40 @@ -21447,7 +21459,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": -15719, + "x": -15715.5, "y": 1731, "width": 87, "height": 46 @@ -21477,7 +21489,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": -15719, + "x": -15715.5, "y": 1731, "width": 87, "height": 22 @@ -21563,7 +21575,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": -15719, + "x": -15715.5, "y": 1755, "width": 87, "height": 22 @@ -21706,15 +21718,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -21766,12 +21778,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -21781,7 +21787,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -21818,10 +21824,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "I562:8146;321:11075", @@ -22289,7 +22320,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -22297,7 +22345,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -35196,6 +35250,7 @@ "paddingRight": 16, "paddingTop": 160, "paddingBottom": 160, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -35250,12 +35305,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -35308,7 +35357,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.0784313753247261, + "g": 0.6823529601097107, + "b": 0.3607843220233917, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -35316,7 +35382,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36433" + } + ] }, "children": [ { @@ -56728,6 +56800,7 @@ "paddingRight": 24, "paddingTop": 24, "paddingBottom": 24, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -56746,14 +56819,14 @@ "type": "SOLID", "color": { "r": 1, - "g": 1, - "b": 1, + "g": 0.9450980424880981, + "b": 0.7607843279838562, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7449" } } } @@ -56782,16 +56855,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7449" } ] }, @@ -57099,15 +57166,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -57193,7 +57260,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -57737,15 +57804,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -57831,7 +57898,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -58375,15 +58442,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -58469,7 +58536,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -59013,15 +59080,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -59107,7 +59174,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -59651,15 +59718,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -59745,7 +59812,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -60289,15 +60356,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -60383,7 +60450,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -61134,15 +61201,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } } } @@ -61228,7 +61295,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7447" } ], "strokes": [ @@ -62327,6 +62394,7 @@ "paddingRight": 32, "paddingTop": 32, "paddingBottom": 32, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -62344,15 +62412,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -62404,12 +62472,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -62419,7 +62481,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -62456,10 +62518,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "321:11075", @@ -62927,7 +63014,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -62935,7 +63039,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -68410,5 +68520,960 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12268": { + "id": "34:12268", + "name": "Variant=Subtle, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2025, + "y": 504, + "width": 36, + "height": 36 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + ] + }, + "children": [ + { + "id": "34:12269", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 512, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I34:12269;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 513.6666870117188, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "9762:5087": { + "id": "9762:5087", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 200, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + }, + "4185:3783": { + "id": "4185:3783", + "name": "Variant=Primary, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 120, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [ + { + "id": "4185:3784", + "name": "Star", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 509, + "y": 132, + "width": 16, + "height": 16 + }, + "componentId": "68:16009", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3784;68:16010", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 510.3333435058594, + "y": 133.3333282470703, + "width": 13.333333015441895, + "height": 12.680000305175781 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + ] + } + } + ] + }, + { + "id": "4185:3785", + "name": "Button", + "type": "TEXT", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "absoluteBoundingBox": { + "x": 509, + "y": 132, + "width": 51, + "height": 16 + }, + "styles": { + "text": "56:9001" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36459" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36459" + } + ], + "fontWeight": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10181" + } + ], + "fontFamily": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10179" + } + ], + "fontSize": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10180" + } + ] + }, + "characters": "Button", + "style": { + "fontFamily": "Inter", + "fontPostScriptName": null, + "fontStyle": "Regular", + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 16, + "lineHeightPercent": 82.62911224365234, + "lineHeightPercentFontSize": 100, + "lineHeightUnit": "FONT_SIZE_%" + } + }, + { + "id": "4185:3786", + "name": "X", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 568, + "y": 132, + "width": 16, + "height": 16 + }, + "componentId": "68:16113", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3786;68:16114", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 572, + "y": 136, + "width": 8, + "height": 8 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + ] + } + } + ] + } + ] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=562-8312" } \ No newline at end of file diff --git a/fixtures/mobile-home-page/screenshot-375.png b/fixtures/mobile-home-page/screenshot-375.png index 51eac8be..7f05f457 100644 Binary files a/fixtures/mobile-home-page/screenshot-375.png and b/fixtures/mobile-home-page/screenshot-375.png differ diff --git a/fixtures/mobile-home-page/screenshot-768.png b/fixtures/mobile-home-page/screenshot-768.png index 8848aaf2..a2126e0a 100644 Binary files a/fixtures/mobile-home-page/screenshot-768.png and b/fixtures/mobile-home-page/screenshot-768.png differ diff --git a/fixtures/mobile-landing-page/data.json b/fixtures/mobile-landing-page/data.json index 9a989dff..edce3560 100644 --- a/fixtures/mobile-landing-page/data.json +++ b/fixtures/mobile-landing-page/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "562:10032", "name": "Platform=Mobile", @@ -6962,12 +6962,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -17426,15 +17420,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -17464,16 +17458,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ] }, @@ -17666,14 +17654,14 @@ "type": "SOLID", "color": { "r": 1, - "g": 1, - "b": 1, + "g": 0.9843137264251709, + "b": 0.9215686321258545, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7448" } } } @@ -17702,16 +17690,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7448" } ] }, @@ -17953,6 +17935,7 @@ "layoutAlign": "STRETCH", "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "itemSpacing": 24, "layoutGrow": 0, @@ -17970,7 +17953,24 @@ "width": 327, "height": 870 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -17982,7 +17982,13 @@ "counterAxisSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -18007,7 +18013,7 @@ "counterAxisAlignContent": "AUTO", "clipsContent": false, "absoluteBoundingBox": { - "x": 7583, + "x": 7596.5, "y": 1133, "width": 300, "height": 125 @@ -19236,7 +19242,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7583, + "x": 7596.5, "y": 1133, "width": 32, "height": 32 @@ -19269,7 +19275,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7585.66650390625, + "x": 7599.16650390625, "y": 1135.6666259765625, "width": 26.666667938232422, "height": 26.666667938232422 @@ -19325,7 +19331,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1133, "width": 244, "height": 125 @@ -19359,7 +19365,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1133, "width": 244, "height": 125 @@ -19389,7 +19395,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1133, "width": 244, "height": 29 @@ -19475,7 +19481,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1170, "width": 244, "height": 88 @@ -19568,7 +19574,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1274, "width": 244, "height": 40 @@ -19624,7 +19630,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1274, "width": 75, "height": 40 @@ -24373,7 +24379,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1286, "width": 16, "height": 16 @@ -24406,7 +24412,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7652.33349609375, + "x": 7665.83349609375, "y": 1287.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 @@ -24457,7 +24463,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1286, "width": 51, "height": 16 @@ -24544,7 +24550,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7710, + "x": 7723.5, "y": 1286, "width": 16, "height": 16 @@ -24577,7 +24583,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7714, + "x": 7727.5, "y": 1290, "width": 8, "height": 8 @@ -24640,7 +24646,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1274, "width": 75, "height": 40 @@ -29435,7 +29441,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1286, "width": 16, "height": 16 @@ -29468,7 +29474,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7652.33349609375, + "x": 7665.83349609375, "y": 1287.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 @@ -29519,7 +29525,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1286, "width": 51, "height": 16 @@ -29606,7 +29612,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7710, + "x": 7723.5, "y": 1286, "width": 16, "height": 16 @@ -29639,7 +29645,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7714, + "x": 7727.5, "y": 1290, "width": 8, "height": 8 @@ -29706,7 +29712,7 @@ "counterAxisAlignContent": "AUTO", "clipsContent": false, "absoluteBoundingBox": { - "x": 7583, + "x": 7596.5, "y": 1282, "width": 300, "height": 125 @@ -30935,7 +30941,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7583, + "x": 7596.5, "y": 1282, "width": 32, "height": 32 @@ -30968,7 +30974,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7585.66650390625, + "x": 7599.16650390625, "y": 1284.6666259765625, "width": 26.666667938232422, "height": 26.666667938232422 @@ -31024,7 +31030,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1282, "width": 244, "height": 125 @@ -31058,7 +31064,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1282, "width": 244, "height": 125 @@ -31088,7 +31094,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1282, "width": 244, "height": 29 @@ -31174,7 +31180,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1319, "width": 244, "height": 88 @@ -31267,7 +31273,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1423, "width": 244, "height": 40 @@ -31323,7 +31329,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1423, "width": 75, "height": 40 @@ -36072,7 +36078,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1435, "width": 16, "height": 16 @@ -36105,7 +36111,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7652.33349609375, + "x": 7665.83349609375, "y": 1436.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 @@ -36156,7 +36162,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1435, "width": 51, "height": 16 @@ -36243,7 +36249,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7710, + "x": 7723.5, "y": 1435, "width": 16, "height": 16 @@ -36276,7 +36282,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7714, + "x": 7727.5, "y": 1439, "width": 8, "height": 8 @@ -36339,7 +36345,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1423, "width": 75, "height": 40 @@ -41134,7 +41140,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1435, "width": 16, "height": 16 @@ -41167,7 +41173,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7652.33349609375, + "x": 7665.83349609375, "y": 1436.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 @@ -41218,7 +41224,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1435, "width": 51, "height": 16 @@ -41305,7 +41311,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7710, + "x": 7723.5, "y": 1435, "width": 16, "height": 16 @@ -41338,7 +41344,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7714, + "x": 7727.5, "y": 1439, "width": 8, "height": 8 @@ -41405,7 +41411,7 @@ "counterAxisAlignContent": "AUTO", "clipsContent": false, "absoluteBoundingBox": { - "x": 7583, + "x": 7596.5, "y": 1431, "width": 300, "height": 125 @@ -42634,7 +42640,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7583, + "x": 7596.5, "y": 1431, "width": 32, "height": 32 @@ -42667,7 +42673,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7585.66650390625, + "x": 7599.16650390625, "y": 1433.6666259765625, "width": 26.666667938232422, "height": 26.666667938232422 @@ -42723,7 +42729,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1431, "width": 244, "height": 125 @@ -42757,7 +42763,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1431, "width": 244, "height": 125 @@ -42787,7 +42793,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1431, "width": 244, "height": 29 @@ -42873,7 +42879,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1468, "width": 244, "height": 88 @@ -42966,7 +42972,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1572, "width": 244, "height": 40 @@ -43022,7 +43028,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1572, "width": 75, "height": 40 @@ -47771,7 +47777,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1584, "width": 16, "height": 16 @@ -47804,7 +47810,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7652.33349609375, + "x": 7665.83349609375, "y": 1585.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 @@ -47855,7 +47861,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1584, "width": 51, "height": 16 @@ -47942,7 +47948,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7710, + "x": 7723.5, "y": 1584, "width": 16, "height": 16 @@ -47975,7 +47981,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7714, + "x": 7727.5, "y": 1588, "width": 8, "height": 8 @@ -48038,7 +48044,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1572, "width": 75, "height": 40 @@ -52833,7 +52839,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1584, "width": 16, "height": 16 @@ -52866,7 +52872,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7652.33349609375, + "x": 7665.83349609375, "y": 1585.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 @@ -52917,7 +52923,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1584, "width": 51, "height": 16 @@ -53004,7 +53010,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7710, + "x": 7723.5, "y": 1584, "width": 16, "height": 16 @@ -53037,7 +53043,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7714, + "x": 7727.5, "y": 1588, "width": 8, "height": 8 @@ -53104,7 +53110,7 @@ "counterAxisAlignContent": "AUTO", "clipsContent": false, "absoluteBoundingBox": { - "x": 7583, + "x": 7596.5, "y": 1580, "width": 300, "height": 125 @@ -54333,7 +54339,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7583, + "x": 7596.5, "y": 1580, "width": 32, "height": 32 @@ -54366,7 +54372,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7585.66650390625, + "x": 7599.16650390625, "y": 1582.6666259765625, "width": 26.666667938232422, "height": 26.666667938232422 @@ -54422,7 +54428,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1580, "width": 244, "height": 125 @@ -54456,7 +54462,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1580, "width": 244, "height": 125 @@ -54486,7 +54492,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1580, "width": 244, "height": 29 @@ -54572,7 +54578,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1617, "width": 244, "height": 88 @@ -54665,7 +54671,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1721, "width": 244, "height": 40 @@ -54721,7 +54727,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1721, "width": 75, "height": 40 @@ -59470,7 +59476,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1733, "width": 16, "height": 16 @@ -59503,7 +59509,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7652.33349609375, + "x": 7665.83349609375, "y": 1734.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 @@ -59554,7 +59560,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1733, "width": 51, "height": 16 @@ -59641,7 +59647,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7710, + "x": 7723.5, "y": 1733, "width": 16, "height": 16 @@ -59674,7 +59680,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7714, + "x": 7727.5, "y": 1737, "width": 8, "height": 8 @@ -59737,7 +59743,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1721, "width": 75, "height": 40 @@ -64532,7 +64538,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1733, "width": 16, "height": 16 @@ -64565,7 +64571,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7652.33349609375, + "x": 7665.83349609375, "y": 1734.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 @@ -64616,7 +64622,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1733, "width": 51, "height": 16 @@ -64703,7 +64709,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7710, + "x": 7723.5, "y": 1733, "width": 16, "height": 16 @@ -64736,7 +64742,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7714, + "x": 7727.5, "y": 1737, "width": 8, "height": 8 @@ -64803,7 +64809,7 @@ "counterAxisAlignContent": "AUTO", "clipsContent": false, "absoluteBoundingBox": { - "x": 7583, + "x": 7596.5, "y": 1729, "width": 300, "height": 125 @@ -66032,7 +66038,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7583, + "x": 7596.5, "y": 1729, "width": 32, "height": 32 @@ -66065,7 +66071,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7585.66650390625, + "x": 7599.16650390625, "y": 1731.6666259765625, "width": 26.666667938232422, "height": 26.666667938232422 @@ -66121,7 +66127,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1729, "width": 244, "height": 125 @@ -66155,7 +66161,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1729, "width": 244, "height": 125 @@ -66185,7 +66191,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1729, "width": 244, "height": 29 @@ -66271,7 +66277,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1766, "width": 244, "height": 88 @@ -66364,7 +66370,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1870, "width": 244, "height": 40 @@ -66420,7 +66426,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1870, "width": 75, "height": 40 @@ -71169,7 +71175,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1882, "width": 16, "height": 16 @@ -71202,7 +71208,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7652.33349609375, + "x": 7665.83349609375, "y": 1883.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 @@ -71253,7 +71259,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1882, "width": 51, "height": 16 @@ -71340,7 +71346,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7710, + "x": 7723.5, "y": 1882, "width": 16, "height": 16 @@ -71373,7 +71379,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7714, + "x": 7727.5, "y": 1886, "width": 8, "height": 8 @@ -71436,7 +71442,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1870, "width": 75, "height": 40 @@ -76231,7 +76237,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1882, "width": 16, "height": 16 @@ -76264,7 +76270,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7652.33349609375, + "x": 7665.83349609375, "y": 1883.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 @@ -76315,7 +76321,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 1882, "width": 51, "height": 16 @@ -76402,7 +76408,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7710, + "x": 7723.5, "y": 1882, "width": 16, "height": 16 @@ -76435,7 +76441,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7714, + "x": 7727.5, "y": 1886, "width": 8, "height": 8 @@ -76502,7 +76508,7 @@ "counterAxisAlignContent": "AUTO", "clipsContent": false, "absoluteBoundingBox": { - "x": 7583, + "x": 7596.5, "y": 1878, "width": 300, "height": 125 @@ -77731,7 +77737,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7583, + "x": 7596.5, "y": 1878, "width": 32, "height": 32 @@ -77764,7 +77770,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7585.66650390625, + "x": 7599.16650390625, "y": 1880.6666259765625, "width": 26.666667938232422, "height": 26.666667938232422 @@ -77820,7 +77826,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1878, "width": 244, "height": 125 @@ -77854,7 +77860,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1878, "width": 244, "height": 125 @@ -77884,7 +77890,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1878, "width": 244, "height": 29 @@ -77970,7 +77976,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 1915, "width": 244, "height": 88 @@ -78063,7 +78069,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 2019, "width": 244, "height": 40 @@ -78119,7 +78125,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 2019, "width": 75, "height": 40 @@ -82868,7 +82874,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 2031, "width": 16, "height": 16 @@ -82901,7 +82907,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7652.33349609375, + "x": 7665.83349609375, "y": 2032.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 @@ -82952,7 +82958,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 2031, "width": 51, "height": 16 @@ -83039,7 +83045,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7710, + "x": 7723.5, "y": 2031, "width": 16, "height": 16 @@ -83072,7 +83078,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7714, + "x": 7727.5, "y": 2035, "width": 8, "height": 8 @@ -83135,7 +83141,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 7639, + "x": 7652.5, "y": 2019, "width": 75, "height": 40 @@ -87930,7 +87936,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 2031, "width": 16, "height": 16 @@ -87963,7 +87969,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7652.33349609375, + "x": 7665.83349609375, "y": 2032.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 @@ -88014,7 +88020,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 7651, + "x": 7664.5, "y": 2031, "width": 51, "height": 16 @@ -88101,7 +88107,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 7710, + "x": 7723.5, "y": 2031, "width": 16, "height": 16 @@ -88134,7 +88140,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 7714, + "x": 7727.5, "y": 2035, "width": 8, "height": 8 @@ -88244,15 +88250,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -88304,12 +88310,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -88319,7 +88319,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -88356,10 +88356,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "I562:9798;321:11075", @@ -88827,7 +88852,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -88835,7 +88877,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -101735,6 +101783,7 @@ "paddingRight": 24, "paddingTop": 160, "paddingBottom": 160, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -101796,12 +101845,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -123276,6 +123319,7 @@ "paddingRight": 24, "paddingTop": 24, "paddingBottom": 24, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -123293,15 +123337,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -123331,16 +123375,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ] }, @@ -123494,6 +123532,7 @@ "paddingRight": 24, "paddingTop": 24, "paddingBottom": 24, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -123512,14 +123551,14 @@ "type": "SOLID", "color": { "r": 1, - "g": 1, - "b": 1, + "g": 0.9843137264251709, + "b": 0.9215686321258545, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7448" } } } @@ -123548,16 +123587,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7448" } ] }, @@ -123799,6 +123832,7 @@ "layoutAlign": "STRETCH", "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "itemSpacing": 24, "layoutGrow": 0, @@ -123816,7 +123850,24 @@ "width": 327, "height": 870 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -123828,7 +123879,13 @@ "counterAxisSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -123853,7 +123910,7 @@ "counterAxisAlignContent": "AUTO", "clipsContent": false, "absoluteBoundingBox": { - "x": 9749, + "x": 9762.5, "y": 1462, "width": 300, "height": 125 @@ -125082,7 +125139,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9749, + "x": 9762.5, "y": 1462, "width": 32, "height": 32 @@ -125115,7 +125172,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9751.6669921875, + "x": 9765.1669921875, "y": 1464.6666259765625, "width": 26.666667938232422, "height": 26.666667938232422 @@ -125171,7 +125228,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1462, "width": 244, "height": 125 @@ -125205,7 +125262,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1462, "width": 244, "height": 125 @@ -125235,7 +125292,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1462, "width": 244, "height": 29 @@ -125321,7 +125378,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1499, "width": 244, "height": 88 @@ -125414,7 +125471,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1603, "width": 244, "height": 40 @@ -125470,7 +125527,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1603, "width": 75, "height": 40 @@ -130219,7 +130276,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 1615, "width": 16, "height": 16 @@ -130252,7 +130309,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9818.3330078125, + "x": 9831.8330078125, "y": 1616.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 @@ -130303,7 +130360,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 1615, "width": 51, "height": 16 @@ -130390,7 +130447,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9876, + "x": 9889.5, "y": 1615, "width": 16, "height": 16 @@ -130423,7 +130480,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9880, + "x": 9893.5, "y": 1619, "width": 8, "height": 8 @@ -130486,7 +130543,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1603, "width": 75, "height": 40 @@ -135281,7 +135338,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 1615, "width": 16, "height": 16 @@ -135314,7 +135371,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9818.3330078125, + "x": 9831.8330078125, "y": 1616.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 @@ -135365,7 +135422,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 1615, "width": 51, "height": 16 @@ -135452,7 +135509,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9876, + "x": 9889.5, "y": 1615, "width": 16, "height": 16 @@ -135485,7 +135542,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9880, + "x": 9893.5, "y": 1619, "width": 8, "height": 8 @@ -135552,7 +135609,7 @@ "counterAxisAlignContent": "AUTO", "clipsContent": false, "absoluteBoundingBox": { - "x": 9749, + "x": 9762.5, "y": 1611, "width": 300, "height": 125 @@ -136781,7 +136838,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9749, + "x": 9762.5, "y": 1611, "width": 32, "height": 32 @@ -136814,7 +136871,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9751.6669921875, + "x": 9765.1669921875, "y": 1613.6666259765625, "width": 26.666667938232422, "height": 26.666667938232422 @@ -136870,7 +136927,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1611, "width": 244, "height": 125 @@ -136904,7 +136961,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1611, "width": 244, "height": 125 @@ -136934,7 +136991,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1611, "width": 244, "height": 29 @@ -137020,7 +137077,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1648, "width": 244, "height": 88 @@ -137113,7 +137170,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1752, "width": 244, "height": 40 @@ -137169,7 +137226,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1752, "width": 75, "height": 40 @@ -141918,7 +141975,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 1764, "width": 16, "height": 16 @@ -141951,7 +142008,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9818.3330078125, + "x": 9831.8330078125, "y": 1765.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 @@ -142002,7 +142059,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 1764, "width": 51, "height": 16 @@ -142089,7 +142146,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9876, + "x": 9889.5, "y": 1764, "width": 16, "height": 16 @@ -142122,7 +142179,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9880, + "x": 9893.5, "y": 1768, "width": 8, "height": 8 @@ -142185,7 +142242,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1752, "width": 75, "height": 40 @@ -146980,7 +147037,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 1764, "width": 16, "height": 16 @@ -147013,7 +147070,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9818.3330078125, + "x": 9831.8330078125, "y": 1765.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 @@ -147064,7 +147121,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 1764, "width": 51, "height": 16 @@ -147151,7 +147208,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9876, + "x": 9889.5, "y": 1764, "width": 16, "height": 16 @@ -147184,7 +147241,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9880, + "x": 9893.5, "y": 1768, "width": 8, "height": 8 @@ -147251,7 +147308,7 @@ "counterAxisAlignContent": "AUTO", "clipsContent": false, "absoluteBoundingBox": { - "x": 9749, + "x": 9762.5, "y": 1760, "width": 300, "height": 125 @@ -148480,7 +148537,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9749, + "x": 9762.5, "y": 1760, "width": 32, "height": 32 @@ -148513,7 +148570,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9751.6669921875, + "x": 9765.1669921875, "y": 1762.6666259765625, "width": 26.666667938232422, "height": 26.666667938232422 @@ -148569,7 +148626,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1760, "width": 244, "height": 125 @@ -148603,7 +148660,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1760, "width": 244, "height": 125 @@ -148633,7 +148690,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1760, "width": 244, "height": 29 @@ -148719,7 +148776,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1797, "width": 244, "height": 88 @@ -148812,7 +148869,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1901, "width": 244, "height": 40 @@ -148868,7 +148925,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1901, "width": 75, "height": 40 @@ -153617,7 +153674,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 1913, "width": 16, "height": 16 @@ -153650,7 +153707,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9818.3330078125, + "x": 9831.8330078125, "y": 1914.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 @@ -153701,7 +153758,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 1913, "width": 51, "height": 16 @@ -153788,7 +153845,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9876, + "x": 9889.5, "y": 1913, "width": 16, "height": 16 @@ -153821,7 +153878,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9880, + "x": 9893.5, "y": 1917, "width": 8, "height": 8 @@ -153884,7 +153941,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1901, "width": 75, "height": 40 @@ -158679,7 +158736,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 1913, "width": 16, "height": 16 @@ -158712,7 +158769,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9818.3330078125, + "x": 9831.8330078125, "y": 1914.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 @@ -158763,7 +158820,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 1913, "width": 51, "height": 16 @@ -158850,7 +158907,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9876, + "x": 9889.5, "y": 1913, "width": 16, "height": 16 @@ -158883,7 +158940,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9880, + "x": 9893.5, "y": 1917, "width": 8, "height": 8 @@ -158950,7 +159007,7 @@ "counterAxisAlignContent": "AUTO", "clipsContent": false, "absoluteBoundingBox": { - "x": 9749, + "x": 9762.5, "y": 1909, "width": 300, "height": 125 @@ -160179,7 +160236,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9749, + "x": 9762.5, "y": 1909, "width": 32, "height": 32 @@ -160212,7 +160269,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9751.6669921875, + "x": 9765.1669921875, "y": 1911.6666259765625, "width": 26.666667938232422, "height": 26.666667938232422 @@ -160268,7 +160325,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1909, "width": 244, "height": 125 @@ -160302,7 +160359,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1909, "width": 244, "height": 125 @@ -160332,7 +160389,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1909, "width": 244, "height": 29 @@ -160418,7 +160475,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 1946, "width": 244, "height": 88 @@ -160511,7 +160568,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 2050, "width": 244, "height": 40 @@ -160567,7 +160624,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 2050, "width": 75, "height": 40 @@ -165316,7 +165373,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 2062, "width": 16, "height": 16 @@ -165349,7 +165406,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9818.3330078125, + "x": 9831.8330078125, "y": 2063.333251953125, "width": 13.333333015441895, "height": 12.680000305175781 @@ -165400,7 +165457,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 2062, "width": 51, "height": 16 @@ -165487,7 +165544,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9876, + "x": 9889.5, "y": 2062, "width": 16, "height": 16 @@ -165520,7 +165577,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9880, + "x": 9893.5, "y": 2066, "width": 8, "height": 8 @@ -165583,7 +165640,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 2050, "width": 75, "height": 40 @@ -170378,7 +170435,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 2062, "width": 16, "height": 16 @@ -170411,7 +170468,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9818.3330078125, + "x": 9831.8330078125, "y": 2063.333251953125, "width": 13.333333015441895, "height": 12.680000305175781 @@ -170462,7 +170519,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 2062, "width": 51, "height": 16 @@ -170549,7 +170606,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9876, + "x": 9889.5, "y": 2062, "width": 16, "height": 16 @@ -170582,7 +170639,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9880, + "x": 9893.5, "y": 2066, "width": 8, "height": 8 @@ -170649,7 +170706,7 @@ "counterAxisAlignContent": "AUTO", "clipsContent": false, "absoluteBoundingBox": { - "x": 9749, + "x": 9762.5, "y": 2058, "width": 300, "height": 125 @@ -171878,7 +171935,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9749, + "x": 9762.5, "y": 2058, "width": 32, "height": 32 @@ -171911,7 +171968,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9751.6669921875, + "x": 9765.1669921875, "y": 2060.666748046875, "width": 26.666667938232422, "height": 26.666667938232422 @@ -171967,7 +172024,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 2058, "width": 244, "height": 125 @@ -172001,7 +172058,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 2058, "width": 244, "height": 125 @@ -172031,7 +172088,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 2058, "width": 244, "height": 29 @@ -172117,7 +172174,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 2095, "width": 244, "height": 88 @@ -172210,7 +172267,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 2199, "width": 244, "height": 40 @@ -172266,7 +172323,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 2199, "width": 75, "height": 40 @@ -177015,7 +177072,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 2211, "width": 16, "height": 16 @@ -177048,7 +177105,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9818.3330078125, + "x": 9831.8330078125, "y": 2212.333251953125, "width": 13.333333015441895, "height": 12.680000305175781 @@ -177099,7 +177156,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 2211, "width": 51, "height": 16 @@ -177186,7 +177243,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9876, + "x": 9889.5, "y": 2211, "width": 16, "height": 16 @@ -177219,7 +177276,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9880, + "x": 9893.5, "y": 2215, "width": 8, "height": 8 @@ -177282,7 +177339,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 2199, "width": 75, "height": 40 @@ -182077,7 +182134,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 2211, "width": 16, "height": 16 @@ -182110,7 +182167,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9818.3330078125, + "x": 9831.8330078125, "y": 2212.333251953125, "width": 13.333333015441895, "height": 12.680000305175781 @@ -182161,7 +182218,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 2211, "width": 51, "height": 16 @@ -182248,7 +182305,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9876, + "x": 9889.5, "y": 2211, "width": 16, "height": 16 @@ -182281,7 +182338,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9880, + "x": 9893.5, "y": 2215, "width": 8, "height": 8 @@ -182348,7 +182405,7 @@ "counterAxisAlignContent": "AUTO", "clipsContent": false, "absoluteBoundingBox": { - "x": 9749, + "x": 9762.5, "y": 2207, "width": 300, "height": 125 @@ -183577,7 +183634,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9749, + "x": 9762.5, "y": 2207, "width": 32, "height": 32 @@ -183610,7 +183667,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9751.6669921875, + "x": 9765.1669921875, "y": 2209.666748046875, "width": 26.666667938232422, "height": 26.666667938232422 @@ -183666,7 +183723,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 2207, "width": 244, "height": 125 @@ -183700,7 +183757,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 2207, "width": 244, "height": 125 @@ -183730,7 +183787,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 2207, "width": 244, "height": 29 @@ -183816,7 +183873,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 2244, "width": 244, "height": 88 @@ -183909,7 +183966,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 2348, "width": 244, "height": 40 @@ -183965,7 +184022,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 2348, "width": 75, "height": 40 @@ -188714,7 +188771,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 2360, "width": 16, "height": 16 @@ -188747,7 +188804,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9818.3330078125, + "x": 9831.8330078125, "y": 2361.333251953125, "width": 13.333333015441895, "height": 12.680000305175781 @@ -188798,7 +188855,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 2360, "width": 51, "height": 16 @@ -188885,7 +188942,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9876, + "x": 9889.5, "y": 2360, "width": 16, "height": 16 @@ -188918,7 +188975,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9880, + "x": 9893.5, "y": 2364, "width": 8, "height": 8 @@ -188981,7 +189038,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 9805, + "x": 9818.5, "y": 2348, "width": 75, "height": 40 @@ -193776,7 +193833,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 2360, "width": 16, "height": 16 @@ -193809,7 +193866,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9818.3330078125, + "x": 9831.8330078125, "y": 2361.333251953125, "width": 13.333333015441895, "height": 12.680000305175781 @@ -193860,7 +193917,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9817, + "x": 9830.5, "y": 2360, "width": 51, "height": 16 @@ -193947,7 +194004,7 @@ }, "clipsContent": true, "absoluteBoundingBox": { - "x": 9876, + "x": 9889.5, "y": 2360, "width": 16, "height": 16 @@ -193980,7 +194037,7 @@ "horizontal": "SCALE" }, "absoluteBoundingBox": { - "x": 9880, + "x": 9893.5, "y": 2364, "width": 8, "height": 8 @@ -215304,6 +215361,7 @@ "paddingRight": 32, "paddingTop": 32, "paddingBottom": 32, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -215321,15 +215379,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -215381,12 +215439,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -215396,7 +215448,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -215433,10 +215485,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "321:11075", @@ -215904,7 +215981,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -215912,7 +216006,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -221023,5 +221123,1332 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12268": { + "id": "34:12268", + "name": "Variant=Subtle, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2025, + "y": 504, + "width": 36, + "height": 36 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + ] + }, + "children": [ + { + "id": "34:12269", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 512, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I34:12269;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 513.6666870117188, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "9762:5087": { + "id": "9762:5087", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 200, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + }, + "4185:3783": { + "id": "4185:3783", + "name": "Variant=Primary, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 120, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [ + { + "id": "4185:3784", + "name": "Star", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 509, + "y": 132, + "width": 16, + "height": 16 + }, + "componentId": "68:16009", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3784;68:16010", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 510.3333435058594, + "y": 133.3333282470703, + "width": 13.333333015441895, + "height": 12.680000305175781 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + ] + } + } + ] + }, + { + "id": "4185:3785", + "name": "Button", + "type": "TEXT", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "absoluteBoundingBox": { + "x": 509, + "y": 132, + "width": 51, + "height": 16 + }, + "styles": { + "text": "56:9001" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36459" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36459" + } + ], + "fontWeight": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10181" + } + ], + "fontFamily": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10179" + } + ], + "fontSize": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10180" + } + ] + }, + "characters": "Button", + "style": { + "fontFamily": "Inter", + "fontPostScriptName": null, + "fontStyle": "Regular", + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 16, + "lineHeightPercent": 82.62911224365234, + "lineHeightPercentFontSize": 100, + "lineHeightUnit": "FONT_SIZE_%" + } + }, + { + "id": "4185:3786", + "name": "X", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 568, + "y": 132, + "width": 16, + "height": 16 + }, + "componentId": "68:16113", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3786;68:16114", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 572, + "y": 136, + "width": 8, + "height": 8 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + ] + } + } + ] + } + ] + }, + "4185:3807": { + "id": "4185:3807", + "name": "Variant=Subtle, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 280, + "width": 75, + "height": 40 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "4185:3808", + "name": "Star", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 509, + "y": 292, + "width": 16, + "height": 16 + }, + "componentId": "68:16009", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3808;68:16010", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 510.3333435058594, + "y": 293.3333435058594, + "width": 13.333333015441895, + "height": 12.680000305175781 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + }, + { + "id": "4185:3809", + "name": "Button", + "type": "TEXT", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "absoluteBoundingBox": { + "x": 509, + "y": 292, + "width": 51, + "height": 16 + }, + "styles": { + "text": "56:9001" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36450" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36450" + } + ], + "fontWeight": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10181" + } + ], + "fontFamily": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10179" + } + ], + "fontSize": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10180" + } + ] + }, + "characters": "Button", + "style": { + "fontFamily": "Inter", + "fontPostScriptName": null, + "fontStyle": "Regular", + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 16, + "lineHeightPercent": 82.62911224365234, + "lineHeightPercentFontSize": 100, + "lineHeightUnit": "FONT_SIZE_%" + } + }, + { + "id": "4185:3810", + "name": "X", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 568, + "y": 292, + "width": 16, + "height": 16 + }, + "componentId": "68:16113", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3810;68:16114", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 572, + "y": 296, + "width": 8, + "height": 8 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=562-10032" } \ No newline at end of file diff --git a/fixtures/mobile-landing-page/screenshot-375.png b/fixtures/mobile-landing-page/screenshot-375.png index a5a17ecc..6c13ff87 100644 Binary files a/fixtures/mobile-landing-page/screenshot-375.png and b/fixtures/mobile-landing-page/screenshot-375.png differ diff --git a/fixtures/mobile-landing-page/screenshot-768.png b/fixtures/mobile-landing-page/screenshot-768.png index c1e17b8d..2dfd727f 100644 Binary files a/fixtures/mobile-landing-page/screenshot-768.png and b/fixtures/mobile-landing-page/screenshot-768.png differ diff --git a/fixtures/mobile-portfolio/data.json b/fixtures/mobile-portfolio/data.json index 5277a859..53321770 100644 --- a/fixtures/mobile-portfolio/data.json +++ b/fixtures/mobile-portfolio/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "562:11577", "name": "Platform=Mobile", @@ -21,7 +21,7 @@ "x": 26802, "y": -288, "width": 375, - "height": 3774 + "height": 3870 }, "fills": [ { @@ -6949,12 +6949,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -7007,7 +7001,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -7015,7 +7026,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + ] }, "children": [ { @@ -7220,7 +7237,7 @@ "x": 26802, "y": 220, "width": 375, - "height": 2347 + "height": 2443 }, "componentId": "348:14432", "componentProperties": { @@ -7245,15 +7262,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36425" } } } @@ -7282,16 +7299,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36425" } ] }, @@ -7533,6 +7544,7 @@ "layoutAlign": "STRETCH", "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", + "counterAxisAlignItems": "CENTER", "itemSpacing": 48, "layoutGrow": 0, "constraints": { @@ -7545,7 +7557,7 @@ "x": 26826, "y": 353, "width": 327, - "height": 2190 + "height": 2286 }, "fills": [], "strokes": [], @@ -7570,13 +7582,13 @@ }, "layoutWrap": "WRAP", "counterAxisSpacing": 24, - "counterAxisAlignContent": "SPACE_BETWEEN", + "counterAxisAlignContent": "AUTO", "clipsContent": false, "absoluteBoundingBox": { "x": 26826, "y": 353, "width": 327, - "height": 1071 + "height": 1119 }, "fills": [], "strokes": [], @@ -8822,15 +8834,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -8916,7 +8928,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -19399,7 +19411,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26826, - "y": 710, + "y": 734, "width": 327, "height": 357 }, @@ -20606,15 +20618,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -20700,7 +20712,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -20732,7 +20744,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26850, - "y": 734, + "y": 758, "width": 160, "height": 160 }, @@ -20799,7 +20811,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26850, - "y": 918, + "y": 942, "width": 279, "height": 125 }, @@ -20833,7 +20845,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26850, - "y": 918, + "y": 942, "width": 279, "height": 125 }, @@ -20863,7 +20875,7 @@ }, "absoluteBoundingBox": { "x": 26850, - "y": 918, + "y": 942, "width": 279, "height": 29 }, @@ -20949,7 +20961,7 @@ }, "absoluteBoundingBox": { "x": 26850, - "y": 955, + "y": 979, "width": 279, "height": 88 }, @@ -21042,7 +21054,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26850, - "y": 1081, + "y": 1105, "width": 208, "height": 40 }, @@ -21098,7 +21110,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26850, - "y": 1081, + "y": 1105, "width": 75, "height": 40 }, @@ -25847,7 +25859,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26862, - "y": 1093, + "y": 1117, "width": 16, "height": 16 }, @@ -25880,7 +25892,7 @@ }, "absoluteBoundingBox": { "x": 26863.333984375, - "y": 1094.3333740234375, + "y": 1118.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -25931,7 +25943,7 @@ }, "absoluteBoundingBox": { "x": 26862, - "y": 1093, + "y": 1117, "width": 51, "height": 16 }, @@ -26018,7 +26030,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26921, - "y": 1093, + "y": 1117, "width": 16, "height": 16 }, @@ -26051,7 +26063,7 @@ }, "absoluteBoundingBox": { "x": 26925, - "y": 1097, + "y": 1121, "width": 8, "height": 8 }, @@ -26114,7 +26126,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26850, - "y": 1081, + "y": 1105, "width": 75, "height": 40 }, @@ -30909,7 +30921,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26862, - "y": 1093, + "y": 1117, "width": 16, "height": 16 }, @@ -30942,7 +30954,7 @@ }, "absoluteBoundingBox": { "x": 26863.333984375, - "y": 1094.3333740234375, + "y": 1118.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -30993,7 +31005,7 @@ }, "absoluteBoundingBox": { "x": 26862, - "y": 1093, + "y": 1117, "width": 51, "height": 16 }, @@ -31080,7 +31092,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26921, - "y": 1093, + "y": 1117, "width": 16, "height": 16 }, @@ -31113,7 +31125,7 @@ }, "absoluteBoundingBox": { "x": 26925, - "y": 1097, + "y": 1121, "width": 8, "height": 8 }, @@ -31183,7 +31195,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26826, - "y": 1067, + "y": 1115, "width": 327, "height": 357 }, @@ -32390,15 +32402,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -32484,7 +32496,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -32516,7 +32528,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26850, - "y": 1091, + "y": 1139, "width": 160, "height": 160 }, @@ -32583,7 +32595,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26850, - "y": 1275, + "y": 1323, "width": 279, "height": 125 }, @@ -32617,7 +32629,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26850, - "y": 1275, + "y": 1323, "width": 279, "height": 125 }, @@ -32647,7 +32659,7 @@ }, "absoluteBoundingBox": { "x": 26850, - "y": 1275, + "y": 1323, "width": 279, "height": 29 }, @@ -32733,7 +32745,7 @@ }, "absoluteBoundingBox": { "x": 26850, - "y": 1312, + "y": 1360, "width": 279, "height": 88 }, @@ -32826,7 +32838,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26850, - "y": 1438, + "y": 1486, "width": 208, "height": 40 }, @@ -32882,7 +32894,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26850, - "y": 1438, + "y": 1486, "width": 75, "height": 40 }, @@ -37631,7 +37643,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26862, - "y": 1450, + "y": 1498, "width": 16, "height": 16 }, @@ -37664,7 +37676,7 @@ }, "absoluteBoundingBox": { "x": 26863.333984375, - "y": 1451.3333740234375, + "y": 1499.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -37715,7 +37727,7 @@ }, "absoluteBoundingBox": { "x": 26862, - "y": 1450, + "y": 1498, "width": 51, "height": 16 }, @@ -37802,7 +37814,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26921, - "y": 1450, + "y": 1498, "width": 16, "height": 16 }, @@ -37835,7 +37847,7 @@ }, "absoluteBoundingBox": { "x": 26925, - "y": 1454, + "y": 1502, "width": 8, "height": 8 }, @@ -37898,7 +37910,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26850, - "y": 1438, + "y": 1486, "width": 75, "height": 40 }, @@ -42693,7 +42705,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26862, - "y": 1450, + "y": 1498, "width": 16, "height": 16 }, @@ -42726,7 +42738,7 @@ }, "absoluteBoundingBox": { "x": 26863.333984375, - "y": 1451.3333740234375, + "y": 1499.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -42777,7 +42789,7 @@ }, "absoluteBoundingBox": { "x": 26862, - "y": 1450, + "y": 1498, "width": 51, "height": 16 }, @@ -42864,7 +42876,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26921, - "y": 1450, + "y": 1498, "width": 16, "height": 16 }, @@ -42897,7 +42909,7 @@ }, "absoluteBoundingBox": { "x": 26925, - "y": 1454, + "y": 1502, "width": 8, "height": 8 }, @@ -42961,13 +42973,13 @@ }, "layoutWrap": "WRAP", "counterAxisSpacing": 24, - "counterAxisAlignContent": "SPACE_BETWEEN", + "counterAxisAlignContent": "AUTO", "clipsContent": false, "absoluteBoundingBox": { "x": 26826, - "y": 1472, + "y": 1520, "width": 327, - "height": 1071 + "height": 1119 }, "fills": [], "strokes": [], @@ -43006,7 +43018,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26826, - "y": 1472, + "y": 1520, "width": 327, "height": 357 }, @@ -44213,15 +44225,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -44307,7 +44319,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -44339,7 +44351,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26850, - "y": 1496, + "y": 1544, "width": 160, "height": 160 }, @@ -44406,7 +44418,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26850, - "y": 1680, + "y": 1728, "width": 279, "height": 125 }, @@ -44440,7 +44452,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26850, - "y": 1680, + "y": 1728, "width": 279, "height": 125 }, @@ -44470,7 +44482,7 @@ }, "absoluteBoundingBox": { "x": 26850, - "y": 1680, + "y": 1728, "width": 279, "height": 29 }, @@ -44556,7 +44568,7 @@ }, "absoluteBoundingBox": { "x": 26850, - "y": 1717, + "y": 1765, "width": 279, "height": 88 }, @@ -44649,7 +44661,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26850, - "y": 1843, + "y": 1891, "width": 208, "height": 40 }, @@ -44705,7 +44717,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26850, - "y": 1843, + "y": 1891, "width": 75, "height": 40 }, @@ -49454,7 +49466,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26862, - "y": 1855, + "y": 1903, "width": 16, "height": 16 }, @@ -49487,7 +49499,7 @@ }, "absoluteBoundingBox": { "x": 26863.333984375, - "y": 1856.3333740234375, + "y": 1904.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -49538,7 +49550,7 @@ }, "absoluteBoundingBox": { "x": 26862, - "y": 1855, + "y": 1903, "width": 51, "height": 16 }, @@ -49625,7 +49637,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26921, - "y": 1855, + "y": 1903, "width": 16, "height": 16 }, @@ -49658,7 +49670,7 @@ }, "absoluteBoundingBox": { "x": 26925, - "y": 1859, + "y": 1907, "width": 8, "height": 8 }, @@ -49721,7 +49733,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26850, - "y": 1843, + "y": 1891, "width": 75, "height": 40 }, @@ -54516,7 +54528,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26862, - "y": 1855, + "y": 1903, "width": 16, "height": 16 }, @@ -54549,7 +54561,7 @@ }, "absoluteBoundingBox": { "x": 26863.333984375, - "y": 1856.3333740234375, + "y": 1904.3333740234375, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -54600,7 +54612,7 @@ }, "absoluteBoundingBox": { "x": 26862, - "y": 1855, + "y": 1903, "width": 51, "height": 16 }, @@ -54687,7 +54699,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26921, - "y": 1855, + "y": 1903, "width": 16, "height": 16 }, @@ -54720,7 +54732,7 @@ }, "absoluteBoundingBox": { "x": 26925, - "y": 1859, + "y": 1907, "width": 8, "height": 8 }, @@ -54790,7 +54802,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26826, - "y": 1829, + "y": 1901, "width": 327, "height": 357 }, @@ -55997,15 +56009,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -56091,7 +56103,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -56123,7 +56135,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26850, - "y": 1853, + "y": 1925, "width": 160, "height": 160 }, @@ -56190,7 +56202,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26850, - "y": 2037, + "y": 2109, "width": 279, "height": 125 }, @@ -56224,7 +56236,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26850, - "y": 2037, + "y": 2109, "width": 279, "height": 125 }, @@ -56254,7 +56266,7 @@ }, "absoluteBoundingBox": { "x": 26850, - "y": 2037, + "y": 2109, "width": 279, "height": 29 }, @@ -56340,7 +56352,7 @@ }, "absoluteBoundingBox": { "x": 26850, - "y": 2074, + "y": 2146, "width": 279, "height": 88 }, @@ -56433,7 +56445,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26850, - "y": 2200, + "y": 2272, "width": 208, "height": 40 }, @@ -56489,7 +56501,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26850, - "y": 2200, + "y": 2272, "width": 75, "height": 40 }, @@ -61238,7 +61250,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26862, - "y": 2212, + "y": 2284, "width": 16, "height": 16 }, @@ -61271,7 +61283,7 @@ }, "absoluteBoundingBox": { "x": 26863.333984375, - "y": 2213.333251953125, + "y": 2285.333251953125, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -61322,7 +61334,7 @@ }, "absoluteBoundingBox": { "x": 26862, - "y": 2212, + "y": 2284, "width": 51, "height": 16 }, @@ -61409,7 +61421,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26921, - "y": 2212, + "y": 2284, "width": 16, "height": 16 }, @@ -61442,7 +61454,7 @@ }, "absoluteBoundingBox": { "x": 26925, - "y": 2216, + "y": 2288, "width": 8, "height": 8 }, @@ -61505,7 +61517,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26850, - "y": 2200, + "y": 2272, "width": 75, "height": 40 }, @@ -66300,7 +66312,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26862, - "y": 2212, + "y": 2284, "width": 16, "height": 16 }, @@ -66333,7 +66345,7 @@ }, "absoluteBoundingBox": { "x": 26863.333984375, - "y": 2213.333251953125, + "y": 2285.333251953125, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -66384,7 +66396,7 @@ }, "absoluteBoundingBox": { "x": 26862, - "y": 2212, + "y": 2284, "width": 51, "height": 16 }, @@ -66471,7 +66483,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26921, - "y": 2212, + "y": 2284, "width": 16, "height": 16 }, @@ -66504,7 +66516,7 @@ }, "absoluteBoundingBox": { "x": 26925, - "y": 2216, + "y": 2288, "width": 8, "height": 8 }, @@ -66574,7 +66586,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26826, - "y": 2186, + "y": 2282, "width": 327, "height": 357 }, @@ -67781,15 +67793,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -67875,7 +67887,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -67907,7 +67919,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26850, - "y": 2210, + "y": 2306, "width": 160, "height": 160 }, @@ -67974,7 +67986,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26850, - "y": 2394, + "y": 2490, "width": 279, "height": 125 }, @@ -68008,7 +68020,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26850, - "y": 2394, + "y": 2490, "width": 279, "height": 125 }, @@ -68038,7 +68050,7 @@ }, "absoluteBoundingBox": { "x": 26850, - "y": 2394, + "y": 2490, "width": 279, "height": 29 }, @@ -68124,7 +68136,7 @@ }, "absoluteBoundingBox": { "x": 26850, - "y": 2431, + "y": 2527, "width": 279, "height": 88 }, @@ -68217,7 +68229,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26850, - "y": 2557, + "y": 2653, "width": 208, "height": 40 }, @@ -68273,7 +68285,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26850, - "y": 2557, + "y": 2653, "width": 75, "height": 40 }, @@ -73022,7 +73034,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26862, - "y": 2569, + "y": 2665, "width": 16, "height": 16 }, @@ -73055,7 +73067,7 @@ }, "absoluteBoundingBox": { "x": 26863.333984375, - "y": 2570.333251953125, + "y": 2666.333251953125, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -73106,7 +73118,7 @@ }, "absoluteBoundingBox": { "x": 26862, - "y": 2569, + "y": 2665, "width": 51, "height": 16 }, @@ -73193,7 +73205,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26921, - "y": 2569, + "y": 2665, "width": 16, "height": 16 }, @@ -73226,7 +73238,7 @@ }, "absoluteBoundingBox": { "x": 26925, - "y": 2573, + "y": 2669, "width": 8, "height": 8 }, @@ -73289,7 +73301,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26850, - "y": 2557, + "y": 2653, "width": 75, "height": 40 }, @@ -78084,7 +78096,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26862, - "y": 2569, + "y": 2665, "width": 16, "height": 16 }, @@ -78117,7 +78129,7 @@ }, "absoluteBoundingBox": { "x": 26863.333984375, - "y": 2570.333251953125, + "y": 2666.333251953125, "width": 13.333333015441895, "height": 12.680000305175781 }, @@ -78168,7 +78180,7 @@ }, "absoluteBoundingBox": { "x": 26862, - "y": 2569, + "y": 2665, "width": 51, "height": 16 }, @@ -78255,7 +78267,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26921, - "y": 2569, + "y": 2665, "width": 16, "height": 16 }, @@ -78288,7 +78300,7 @@ }, "absoluteBoundingBox": { "x": 26925, - "y": 2573, + "y": 2669, "width": 8, "height": 8 }, @@ -78362,7 +78374,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 26802, - "y": 2567, + "y": 2663, "width": 375, "height": 919 }, @@ -78399,15 +78411,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -78459,12 +78471,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -78474,7 +78480,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -78507,14 +78513,39 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2599, + "y": 2695, "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "I562:11363;321:11075", @@ -78536,7 +78567,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2599, + "y": 2695, "width": 23.333332061767578, "height": 35 }, @@ -78560,7 +78591,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 2599, + "y": 2695, "width": 23.333332061767578, "height": 35 }, @@ -78616,7 +78647,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 27001.01953125, - "y": 2604.5, + "y": 2700.5, "width": 143.98001098632812, "height": 24 }, @@ -78647,7 +78678,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 27001.01953125, - "y": 2604.5, + "y": 2700.5, "width": 23.980016708374023, "height": 24 }, @@ -78667,7 +78698,7 @@ }, "absoluteBoundingBox": { "x": 27001.01953125, - "y": 2604.5, + "y": 2700.5, "width": 23.980016708374023, "height": 24 }, @@ -78719,7 +78750,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 27041, - "y": 2604.5, + "y": 2700.5, "width": 24, "height": 24 }, @@ -78751,7 +78782,7 @@ }, "absoluteBoundingBox": { "x": 27041, - "y": 2604.5, + "y": 2700.5, "width": 24, "height": 24 }, @@ -78803,7 +78834,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 27081, - "y": 2604.5, + "y": 2700.5, "width": 24, "height": 24 }, @@ -78835,7 +78866,7 @@ }, "absoluteBoundingBox": { "x": 27081, - "y": 2607.499755859375, + "y": 2703.499755859375, "width": 24, "height": 18.0002498626709 }, @@ -78887,7 +78918,7 @@ "clipsContent": true, "absoluteBoundingBox": { "x": 27121, - "y": 2604.5, + "y": 2700.5, "width": 24, "height": 24 }, @@ -78919,7 +78950,7 @@ }, "absoluteBoundingBox": { "x": 27121, - "y": 2604.5, + "y": 2700.5, "width": 24, "height": 24 }, @@ -78978,11 +79009,28 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2698, + "y": 2794, "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -78990,7 +79038,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -79012,7 +79066,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2698, + "y": 2794, "width": 311, "height": 756 }, @@ -79040,7 +79094,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2698, + "y": 2794, "width": 311, "height": 236 }, @@ -79096,7 +79150,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2698, + "y": 2794, "width": 311, "height": 26 }, @@ -79129,7 +79183,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2698, + "y": 2794, "width": 81, "height": 22 }, @@ -79160,7 +79214,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 2698, + "y": 2794, "width": 81, "height": 22 }, @@ -79245,7 +79299,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2732, + "y": 2828, "width": 144, "height": 202 }, @@ -79274,7 +79328,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2732, + "y": 2828, "width": 72, "height": 22 }, @@ -79317,7 +79371,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 2732, + "y": 2828, "width": 72, "height": 22 }, @@ -79410,7 +79464,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2762, + "y": 2858, "width": 78, "height": 22 }, @@ -79453,7 +79507,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 2762, + "y": 2858, "width": 78, "height": 22 }, @@ -79546,7 +79600,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2792, + "y": 2888, "width": 92, "height": 22 }, @@ -79589,7 +79643,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 2792, + "y": 2888, "width": 92, "height": 22 }, @@ -79682,7 +79736,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2822, + "y": 2918, "width": 100, "height": 22 }, @@ -79725,7 +79779,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 2822, + "y": 2918, "width": 100, "height": 22 }, @@ -79818,7 +79872,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2852, + "y": 2948, "width": 105, "height": 22 }, @@ -79861,7 +79915,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 2852, + "y": 2948, "width": 105, "height": 22 }, @@ -79954,7 +80008,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2882, + "y": 2978, "width": 138, "height": 22 }, @@ -79997,7 +80051,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 2882, + "y": 2978, "width": 138, "height": 22 }, @@ -80090,7 +80144,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2912, + "y": 3008, "width": 144, "height": 22 }, @@ -80133,7 +80187,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 2912, + "y": 3008, "width": 144, "height": 22 }, @@ -80229,7 +80283,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2958, + "y": 3054, "width": 311, "height": 236 }, @@ -80285,7 +80339,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2958, + "y": 3054, "width": 311, "height": 26 }, @@ -80318,7 +80372,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2958, + "y": 3054, "width": 59, "height": 22 }, @@ -80349,7 +80403,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 2958, + "y": 3054, "width": 59, "height": 22 }, @@ -80434,7 +80488,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2992, + "y": 3088, "width": 168, "height": 202 }, @@ -80463,7 +80517,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 2992, + "y": 3088, "width": 53, "height": 22 }, @@ -80506,7 +80560,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 2992, + "y": 3088, "width": 53, "height": 22 }, @@ -80599,7 +80653,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 3022, + "y": 3118, "width": 89, "height": 22 }, @@ -80642,7 +80696,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 3022, + "y": 3118, "width": 89, "height": 22 }, @@ -80735,7 +80789,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 3052, + "y": 3148, "width": 167, "height": 22 }, @@ -80778,7 +80832,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 3052, + "y": 3148, "width": 167, "height": 22 }, @@ -80871,7 +80925,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 3082, + "y": 3178, "width": 120, "height": 22 }, @@ -80914,7 +80968,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 3082, + "y": 3178, "width": 120, "height": 22 }, @@ -81007,7 +81061,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 3112, + "y": 3208, "width": 168, "height": 22 }, @@ -81050,7 +81104,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 3112, + "y": 3208, "width": 168, "height": 22 }, @@ -81143,7 +81197,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 3142, + "y": 3238, "width": 117, "height": 22 }, @@ -81186,7 +81240,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 3142, + "y": 3238, "width": 117, "height": 22 }, @@ -81279,7 +81333,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 3172, + "y": 3268, "width": 55, "height": 22 }, @@ -81322,7 +81376,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 3172, + "y": 3268, "width": 55, "height": 22 }, @@ -81418,7 +81472,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 3218, + "y": 3314, "width": 311, "height": 236 }, @@ -81474,7 +81528,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 3218, + "y": 3314, "width": 311, "height": 26 }, @@ -81507,7 +81561,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 3218, + "y": 3314, "width": 83, "height": 22 }, @@ -81538,7 +81592,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 3218, + "y": 3314, "width": 83, "height": 22 }, @@ -81623,7 +81677,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 3252, + "y": 3348, "width": 123, "height": 202 }, @@ -81652,7 +81706,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 3252, + "y": 3348, "width": 34, "height": 22 }, @@ -81695,7 +81749,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 3252, + "y": 3348, "width": 34, "height": 22 }, @@ -81788,7 +81842,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 3282, + "y": 3378, "width": 109, "height": 22 }, @@ -81831,7 +81885,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 3282, + "y": 3378, "width": 109, "height": 22 }, @@ -81924,7 +81978,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 3312, + "y": 3408, "width": 49, "height": 22 }, @@ -81967,7 +82021,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 3312, + "y": 3408, "width": 49, "height": 22 }, @@ -82060,7 +82114,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 3342, + "y": 3438, "width": 90, "height": 22 }, @@ -82103,7 +82157,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 3342, + "y": 3438, "width": 90, "height": 22 }, @@ -82196,7 +82250,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 3372, + "y": 3468, "width": 61, "height": 22 }, @@ -82239,7 +82293,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 3372, + "y": 3468, "width": 61, "height": 22 }, @@ -82332,7 +82386,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 3402, + "y": 3498, "width": 86, "height": 22 }, @@ -82375,7 +82429,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 3402, + "y": 3498, "width": 86, "height": 22 }, @@ -82468,7 +82522,7 @@ "clipsContent": false, "absoluteBoundingBox": { "x": 26834, - "y": 3432, + "y": 3528, "width": 123, "height": 22 }, @@ -82511,7 +82565,7 @@ }, "absoluteBoundingBox": { "x": 26834, - "y": 3432, + "y": 3528, "width": 123, "height": 22 }, @@ -91868,6 +91922,7 @@ "paddingRight": 24, "paddingTop": 160, "paddingBottom": 160, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -91918,12 +91973,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -91976,7 +92025,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -91984,7 +92050,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + ] }, "children": [ { @@ -92383,6 +92455,7 @@ "paddingRight": 24, "paddingTop": 24, "paddingBottom": 24, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -92400,15 +92473,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36425" } } } @@ -92437,16 +92510,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36425" } ] }, @@ -92688,6 +92755,7 @@ "layoutAlign": "STRETCH", "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", + "counterAxisAlignItems": "CENTER", "itemSpacing": 48, "layoutGrow": 0, "constraints": { @@ -93977,15 +94045,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -94071,7 +94139,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -105761,15 +105829,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -105855,7 +105923,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -117545,15 +117613,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -117639,7 +117707,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -129368,15 +129436,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -129462,7 +129530,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -141152,15 +141220,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -141246,7 +141314,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -152936,15 +153004,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -153030,7 +153098,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -163732,15 +163800,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9923224449157715, + "g": 0.8270874619483948, + "b": 0.8151858448982239, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } } } @@ -163826,7 +163894,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:2002:7451" } ], "strokes": [ @@ -185086,6 +185154,7 @@ "paddingRight": 32, "paddingTop": 32, "paddingBottom": 32, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -185103,15 +185172,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -185163,12 +185232,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -185178,7 +185241,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -185215,10 +185278,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "321:11075", @@ -185686,7 +185774,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -185694,7 +185799,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -191215,5 +191326,937 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12268": { + "id": "34:12268", + "name": "Variant=Subtle, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2025, + "y": 504, + "width": 36, + "height": 36 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + ] + }, + "children": [ + { + "id": "34:12269", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 512, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I34:12269;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 513.6666870117188, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "4185:3807": { + "id": "4185:3807", + "name": "Variant=Subtle, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 280, + "width": 75, + "height": 40 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "4185:3808", + "name": "Star", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 509, + "y": 292, + "width": 16, + "height": 16 + }, + "componentId": "68:16009", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3808;68:16010", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 510.3333435058594, + "y": 293.3333435058594, + "width": 13.333333015441895, + "height": 12.680000305175781 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + }, + { + "id": "4185:3809", + "name": "Button", + "type": "TEXT", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "absoluteBoundingBox": { + "x": 509, + "y": 292, + "width": 51, + "height": 16 + }, + "styles": { + "text": "56:9001" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36450" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36450" + } + ], + "fontWeight": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10181" + } + ], + "fontFamily": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10179" + } + ], + "fontSize": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:66:10180" + } + ] + }, + "characters": "Button", + "style": { + "fontFamily": "Inter", + "fontPostScriptName": null, + "fontStyle": "Regular", + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 16, + "lineHeightPercent": 82.62911224365234, + "lineHeightPercentFontSize": 100, + "lineHeightUnit": "FONT_SIZE_%" + } + }, + { + "id": "4185:3810", + "name": "X", + "type": "INSTANCE", + "visible": false, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 568, + "y": 292, + "width": 16, + "height": 16 + }, + "componentId": "68:16113", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I4185:3810;68:16114", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 572, + "y": 296, + "width": 8, + "height": 8 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 1.600000023841858, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "9762:5087": { + "id": "9762:5087", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 200, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=562-11577" } \ No newline at end of file diff --git a/fixtures/mobile-portfolio/screenshot-375.png b/fixtures/mobile-portfolio/screenshot-375.png index fdb2d87f..c26cfb45 100644 Binary files a/fixtures/mobile-portfolio/screenshot-375.png and b/fixtures/mobile-portfolio/screenshot-375.png differ diff --git a/fixtures/mobile-portfolio/screenshot-768.png b/fixtures/mobile-portfolio/screenshot-768.png index 7754d790..e7a9bca6 100644 Binary files a/fixtures/mobile-portfolio/screenshot-768.png and b/fixtures/mobile-portfolio/screenshot-768.png differ diff --git a/fixtures/mobile-pricing/data.json b/fixtures/mobile-pricing/data.json index 683493e7..3f873d16 100644 --- a/fixtures/mobile-pricing/data.json +++ b/fixtures/mobile-pricing/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "562:9518", "name": "Platform=Mobile", @@ -6949,12 +6949,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -7007,7 +7001,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -7015,7 +7026,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + ] }, "children": [ { @@ -7246,15 +7263,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36425" } } } @@ -7283,16 +7300,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36425" } ] }, @@ -7822,6 +7833,7 @@ "layoutAlign": "STRETCH", "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", "itemSpacing": 24, "layoutGrow": 0, "constraints": { @@ -28710,15 +28722,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36435" } } } @@ -28747,16 +28759,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36435" } ] }, @@ -32140,15 +32146,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -32200,12 +32206,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -32215,7 +32215,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -32252,10 +32252,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "I562:9272;321:11075", @@ -32723,7 +32748,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -32731,7 +32773,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -45654,6 +45702,7 @@ "paddingRight": 24, "paddingTop": 160, "paddingBottom": 160, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -45704,12 +45753,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -45762,7 +45805,24 @@ "boundVariables": {} } }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -45770,7 +45830,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11259" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36430" + } + ] }, "children": [ { @@ -46170,6 +46236,7 @@ "paddingRight": 24, "paddingTop": 24, "paddingBottom": 24, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -46187,15 +46254,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36425" } } } @@ -46224,16 +46291,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36425" } ] }, @@ -46258,9 +46319,9 @@ "counterAxisAlignContent": "AUTO", "clipsContent": false, "absoluteBoundingBox": { - "x": 9810.5, + "x": 9838, "y": 144, - "width": 204, + "width": 149, "height": 32 }, "componentId": "7753:4609", @@ -46367,9 +46428,9 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9810.5, + "x": 9838, "y": 144, - "width": 204, + "width": 149, "height": 32 }, "fills": [], @@ -46401,7 +46462,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9810.5, + "x": 9838, "y": 144, "width": 78, "height": 32 @@ -46501,7 +46562,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9818.5, + "x": 9846, "y": 152, "width": 62, "height": 16 @@ -46599,7 +46660,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 9896.5, + "x": 9924, "y": 144, "width": 63, "height": 32 @@ -46676,7 +46737,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 9904.5, + "x": 9932, "y": 152, "width": 47, "height": 16 @@ -46763,6 +46824,7 @@ "layoutAlign": "STRETCH", "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", "itemSpacing": 24, "layoutGrow": 0, "constraints": { @@ -83633,6 +83695,7 @@ "paddingRight": 24, "paddingTop": 24, "paddingBottom": 24, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -83650,15 +83713,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36435" } } } @@ -83687,16 +83750,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36435" } ] }, @@ -91300,6 +91357,7 @@ "paddingRight": 32, "paddingTop": 32, "paddingBottom": 32, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -91317,15 +91375,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -91377,12 +91435,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -91392,7 +91444,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -91429,10 +91481,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "321:11075", @@ -91900,7 +91977,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -91908,7 +92002,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -97053,5 +97153,565 @@ "children": [] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12268": { + "id": "34:12268", + "name": "Variant=Subtle, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2025, + "y": 504, + "width": 36, + "height": 36 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + ] + }, + "children": [ + { + "id": "34:12269", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 512, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I34:12269;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 513.6666870117188, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "9762:5087": { + "id": "9762:5087", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 200, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.803513765335083, + "g": 0.803513765335083, + "b": 0.803513765335083, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4628731310367584, + "g": 0.4628731310367584, + "b": 0.4628731310367584, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12469" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:106:12486" + } + ] + }, + "children": [] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=562-9518" } \ No newline at end of file diff --git a/fixtures/mobile-pricing/screenshot-375.png b/fixtures/mobile-pricing/screenshot-375.png index 87a3f3dc..f86ca7cc 100644 Binary files a/fixtures/mobile-pricing/screenshot-375.png and b/fixtures/mobile-pricing/screenshot-375.png differ diff --git a/fixtures/mobile-pricing/screenshot-768.png b/fixtures/mobile-pricing/screenshot-768.png index 9cf55167..419de6b8 100644 Binary files a/fixtures/mobile-pricing/screenshot-768.png and b/fixtures/mobile-pricing/screenshot-768.png differ diff --git a/fixtures/mobile-product-detail/data.json b/fixtures/mobile-product-detail/data.json index c1f55c4f..e0a53755 100644 --- a/fixtures/mobile-product-detail/data.json +++ b/fixtures/mobile-product-detail/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "562:11212", "name": "Platform=Mobile", @@ -6884,6 +6884,7 @@ "layoutAlign": "STRETCH", "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", + "counterAxisAlignItems": "CENTER", "itemSpacing": 24, "paddingLeft": 24, "paddingRight": 24, @@ -6928,14 +6929,14 @@ "type": "SOLID", "color": { "r": 1, - "g": 1, - "b": 1, + "g": 0.9450980424880981, + "b": 0.7607843279838562, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36440" } } } @@ -6964,16 +6965,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36440" } ] }, @@ -7089,6 +7084,7 @@ "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", "itemSpacing": 24, "layoutGrow": 0, "constraints": { @@ -21334,18 +21330,19 @@ }, "fills": [ { + "opacity": 0.5, "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0, + "g": 0, + "b": 0, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:7786:36548" } } } @@ -21374,16 +21371,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:7786:36548" } ] }, @@ -21580,15 +21571,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9803921580314636, + "g": 0.8823529481887817, + "b": 0.9803921580314636, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } } } @@ -21674,7 +21665,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } ], "strokes": [ @@ -22831,15 +22822,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9803921580314636, + "g": 0.8823529481887817, + "b": 0.9803921580314636, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } } } @@ -22925,7 +22916,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } ], "strokes": [ @@ -24082,15 +24073,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9803921580314636, + "g": 0.8823529481887817, + "b": 0.9803921580314636, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } } } @@ -24176,7 +24167,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } ], "strokes": [ @@ -25345,15 +25336,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36448" } } } @@ -25388,16 +25379,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36448" } ] }, @@ -31352,15 +31337,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -31412,12 +31397,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -31427,7 +31406,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -31464,10 +31443,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "I562:10936;321:11075", @@ -31935,7 +31939,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -31943,7 +31964,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -44902,6 +44929,7 @@ "paddingTop": 24, "paddingBottom": 24, "minWidth": 240, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -44920,14 +44948,14 @@ "type": "SOLID", "color": { "r": 1, - "g": 1, - "b": 1, + "g": 0.9450980424880981, + "b": 0.7607843279838562, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36440" } } } @@ -44956,16 +44984,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36440" } ] }, @@ -45081,6 +45103,7 @@ "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", "itemSpacing": 24, "layoutGrow": 0, "constraints": { @@ -66057,6 +66080,7 @@ "paddingRight": 24, "paddingTop": 24, "paddingBottom": 24, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -66071,18 +66095,19 @@ }, "fills": [ { + "opacity": 0.5, "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0, + "g": 0, + "b": 0, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:7786:36548" } } } @@ -66111,16 +66136,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:7786:36548" } ] }, @@ -66317,15 +66336,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9803921580314636, + "g": 0.8823529481887817, + "b": 0.9803921580314636, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } } } @@ -66411,7 +66430,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } ], "strokes": [ @@ -67568,15 +67587,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9803921580314636, + "g": 0.8823529481887817, + "b": 0.9803921580314636, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } } } @@ -67662,7 +67681,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } ], "strokes": [ @@ -68819,15 +68838,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9803921580314636, + "g": 0.8823529481887817, + "b": 0.9803921580314636, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } } } @@ -68913,7 +68932,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } ], "strokes": [ @@ -70071,15 +70090,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9803921580314636, + "g": 0.8823529481887817, + "b": 0.9803921580314636, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } } } @@ -70165,7 +70184,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:72:9197" } ], "strokes": [ @@ -71840,6 +71859,7 @@ "paddingRight": 24, "paddingTop": 24, "paddingBottom": 24, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -71857,15 +71877,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36448" } } } @@ -71900,16 +71920,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36448" } ] }, @@ -72131,6 +72145,8 @@ "fontStyle": "Regular", "fontWeight": 400, "textAutoResize": "HEIGHT", + "textTruncation": "ENDING", + "maxLines": 1, "fontSize": 20, "textAlignHorizontal": "CENTER", "textAlignVertical": "CENTER", @@ -84187,6 +84203,7 @@ "paddingRight": 32, "paddingTop": 32, "paddingBottom": 32, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -84204,15 +84221,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -84264,12 +84281,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -84279,7 +84290,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -84316,10 +84327,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "321:11075", @@ -84787,7 +84823,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -84795,7 +84848,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -89826,5 +89885,784 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12268": { + "id": "34:12268", + "name": "Variant=Subtle, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2025, + "y": 504, + "width": 36, + "height": 36 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + ] + }, + "children": [ + { + "id": "34:12269", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 512, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I34:12269;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 513.6666870117188, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "9762:431": { + "id": "9762:431", + "name": "Variant=Primary, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 120, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [] + }, + "34:12259": { + "id": "34:12259", + "name": "Variant=Primary, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2025, + "y": 360, + "width": 36, + "height": 36 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [ + { + "id": "34:12260", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 368, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I34:12260;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 369.6666564941406, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + ] + } + } + ] + } + ] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=562-11212" } \ No newline at end of file diff --git a/fixtures/mobile-product-detail/screenshot-375.png b/fixtures/mobile-product-detail/screenshot-375.png index be830018..7d778d30 100644 Binary files a/fixtures/mobile-product-detail/screenshot-375.png and b/fixtures/mobile-product-detail/screenshot-375.png differ diff --git a/fixtures/mobile-product-detail/screenshot-768.png b/fixtures/mobile-product-detail/screenshot-768.png index d2ca35e1..45d609bf 100644 Binary files a/fixtures/mobile-product-detail/screenshot-768.png and b/fixtures/mobile-product-detail/screenshot-768.png differ diff --git a/fixtures/mobile-shop/data.json b/fixtures/mobile-shop/data.json index 75039d26..a80e235b 100644 --- a/fixtures/mobile-shop/data.json +++ b/fixtures/mobile-shop/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "562:10721", "name": "Platform=Mobile", @@ -6936,15 +6936,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0, + "g": 0.6000000238418579, + "b": 0.3176470696926117, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36436" } } } @@ -6973,16 +6973,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36436" } ] }, @@ -11046,6 +11040,7 @@ "layoutAlign": "STRETCH", "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "itemSpacing": 24, "layoutGrow": 0, @@ -11102,7 +11097,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17081, + "x": 17099.5, "y": 106, "width": 290, "height": 347 @@ -11253,7 +11248,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 122, "width": 258, "height": 247 @@ -11319,7 +11314,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 385, "width": 208, "height": 52 @@ -11352,7 +11347,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 385, "width": 208, "height": 22 @@ -11383,7 +11378,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 385, "width": 208, "height": 22 @@ -11474,7 +11469,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 415, "width": 22, "height": 22 @@ -11505,7 +11500,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 415, "width": 22, "height": 22 @@ -11596,7 +11591,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 445, "width": 208, "height": 20 @@ -11627,7 +11622,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 445, "width": 68, "height": 20 @@ -11729,7 +11724,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17081, + "x": 17099.5, "y": 477, "width": 290, "height": 347 @@ -11880,7 +11875,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 493, "width": 258, "height": 247 @@ -11946,7 +11941,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 756, "width": 208, "height": 52 @@ -11979,7 +11974,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 756, "width": 208, "height": 22 @@ -12010,7 +12005,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 756, "width": 208, "height": 22 @@ -12101,7 +12096,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 786, "width": 22, "height": 22 @@ -12132,7 +12127,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 786, "width": 22, "height": 22 @@ -12223,7 +12218,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 816, "width": 208, "height": 20 @@ -12254,7 +12249,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 816, "width": 68, "height": 20 @@ -12356,7 +12351,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17081, + "x": 17099.5, "y": 848, "width": 290, "height": 347 @@ -12507,7 +12502,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 864, "width": 258, "height": 247 @@ -12573,7 +12568,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1127, "width": 208, "height": 52 @@ -12606,7 +12601,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1127, "width": 208, "height": 22 @@ -12637,7 +12632,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1127, "width": 208, "height": 22 @@ -12728,7 +12723,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1157, "width": 22, "height": 22 @@ -12759,7 +12754,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1157, "width": 22, "height": 22 @@ -12850,7 +12845,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1187, "width": 208, "height": 20 @@ -12881,7 +12876,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1187, "width": 68, "height": 20 @@ -12983,7 +12978,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17081, + "x": 17099.5, "y": 1219, "width": 290, "height": 347 @@ -13134,7 +13129,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1235, "width": 258, "height": 247 @@ -13200,7 +13195,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1498, "width": 208, "height": 52 @@ -13233,7 +13228,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1498, "width": 208, "height": 22 @@ -13264,7 +13259,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1498, "width": 208, "height": 22 @@ -13355,7 +13350,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1528, "width": 22, "height": 22 @@ -13386,7 +13381,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1528, "width": 22, "height": 22 @@ -13477,7 +13472,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1558, "width": 208, "height": 20 @@ -13508,7 +13503,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1558, "width": 68, "height": 20 @@ -13610,7 +13605,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17081, + "x": 17099.5, "y": 1590, "width": 290, "height": 347 @@ -13761,7 +13756,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1606, "width": 258, "height": 247 @@ -13827,7 +13822,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1869, "width": 208, "height": 52 @@ -13860,7 +13855,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1869, "width": 208, "height": 22 @@ -13891,7 +13886,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1869, "width": 208, "height": 22 @@ -13982,7 +13977,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1899, "width": 22, "height": 22 @@ -14013,7 +14008,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1899, "width": 22, "height": 22 @@ -14104,7 +14099,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1929, "width": 208, "height": 20 @@ -14135,7 +14130,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1929, "width": 68, "height": 20 @@ -14237,7 +14232,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17081, + "x": 17099.5, "y": 1961, "width": 290, "height": 347 @@ -14388,7 +14383,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 1977, "width": 258, "height": 247 @@ -14454,7 +14449,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 2240, "width": 208, "height": 52 @@ -14487,7 +14482,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 2240, "width": 208, "height": 22 @@ -14518,7 +14513,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 2240, "width": 208, "height": 22 @@ -14609,7 +14604,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 2270, "width": 22, "height": 22 @@ -14640,7 +14635,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 2270, "width": 22, "height": 22 @@ -14731,7 +14726,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 2300, "width": 208, "height": 20 @@ -14762,7 +14757,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 17097, + "x": 17115.5, "y": 2300, "width": 68, "height": 20 @@ -23059,15 +23054,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -23119,12 +23114,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -23134,7 +23123,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -23171,10 +23160,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "I562:10414;321:11075", @@ -23642,7 +23656,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -23650,7 +23681,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -36548,6 +36585,7 @@ "paddingRight": 24, "paddingTop": 24, "paddingBottom": 24, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -36565,15 +36603,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0, + "g": 0.6000000238418579, + "b": 0.3176470696926117, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36436" } } } @@ -36602,16 +36640,10 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:3919:36436" } ] }, @@ -40675,6 +40707,7 @@ "layoutAlign": "STRETCH", "layoutSizingHorizontal": "FILL", "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "itemSpacing": 24, "layoutGrow": 0, @@ -40731,7 +40764,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11824, + "x": 11842.5, "y": 2227, "width": 290, "height": 347 @@ -40882,7 +40915,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 2243, "width": 258, "height": 247 @@ -40948,7 +40981,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 2506, "width": 208, "height": 52 @@ -40981,7 +41014,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 2506, "width": 208, "height": 22 @@ -41012,7 +41045,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 2506, "width": 208, "height": 22 @@ -41103,7 +41136,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 2536, "width": 22, "height": 22 @@ -41134,7 +41167,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 2536, "width": 22, "height": 22 @@ -41225,7 +41258,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 2566, "width": 208, "height": 20 @@ -41256,7 +41289,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 2566, "width": 68, "height": 20 @@ -41358,7 +41391,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11824, + "x": 11842.5, "y": 2598, "width": 290, "height": 347 @@ -41509,7 +41542,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 2614, "width": 258, "height": 247 @@ -41575,7 +41608,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 2877, "width": 208, "height": 52 @@ -41608,7 +41641,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 2877, "width": 208, "height": 22 @@ -41639,7 +41672,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 2877, "width": 208, "height": 22 @@ -41730,7 +41763,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 2907, "width": 22, "height": 22 @@ -41761,7 +41794,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 2907, "width": 22, "height": 22 @@ -41852,7 +41885,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 2937, "width": 208, "height": 20 @@ -41883,7 +41916,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 2937, "width": 68, "height": 20 @@ -41985,7 +42018,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11824, + "x": 11842.5, "y": 2969, "width": 290, "height": 347 @@ -42136,7 +42169,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 2985, "width": 258, "height": 247 @@ -42202,7 +42235,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 3248, "width": 208, "height": 52 @@ -42235,7 +42268,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 3248, "width": 208, "height": 22 @@ -42266,7 +42299,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 3248, "width": 208, "height": 22 @@ -42357,7 +42390,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 3278, "width": 22, "height": 22 @@ -42388,7 +42421,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 3278, "width": 22, "height": 22 @@ -42479,7 +42512,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 3308, "width": 208, "height": 20 @@ -42510,7 +42543,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 3308, "width": 68, "height": 20 @@ -42612,7 +42645,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11824, + "x": 11842.5, "y": 3340, "width": 290, "height": 347 @@ -42763,7 +42796,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 3356, "width": 258, "height": 247 @@ -42829,7 +42862,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 3619, "width": 208, "height": 52 @@ -42862,7 +42895,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 3619, "width": 208, "height": 22 @@ -42893,7 +42926,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 3619, "width": 208, "height": 22 @@ -42984,7 +43017,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 3649, "width": 22, "height": 22 @@ -43015,7 +43048,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 3649, "width": 22, "height": 22 @@ -43106,7 +43139,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 3679, "width": 208, "height": 20 @@ -43137,7 +43170,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 3679, "width": 68, "height": 20 @@ -43239,7 +43272,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11824, + "x": 11842.5, "y": 3711, "width": 290, "height": 347 @@ -43390,7 +43423,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 3727, "width": 258, "height": 247 @@ -43456,7 +43489,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 3990, "width": 208, "height": 52 @@ -43489,7 +43522,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 3990, "width": 208, "height": 22 @@ -43520,7 +43553,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 3990, "width": 208, "height": 22 @@ -43611,7 +43644,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 4020, "width": 22, "height": 22 @@ -43642,7 +43675,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 4020, "width": 22, "height": 22 @@ -43733,7 +43766,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 4050, "width": 208, "height": 20 @@ -43764,7 +43797,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 4050, "width": 68, "height": 20 @@ -43866,7 +43899,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11824, + "x": 11842.5, "y": 4082, "width": 290, "height": 347 @@ -44017,7 +44050,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": true, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 4098, "width": 258, "height": 247 @@ -44083,7 +44116,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 4361, "width": 208, "height": 52 @@ -44116,7 +44149,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 4361, "width": 208, "height": 22 @@ -44147,7 +44180,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 4361, "width": 208, "height": 22 @@ -44238,7 +44271,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 4391, "width": 22, "height": 22 @@ -44269,7 +44302,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 4391, "width": 22, "height": 22 @@ -44360,7 +44393,7 @@ "layoutWrap": "NO_WRAP", "clipsContent": false, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 4421, "width": 208, "height": 20 @@ -44391,7 +44424,7 @@ "horizontal": "LEFT" }, "absoluteBoundingBox": { - "x": 11840, + "x": 11858.5, "y": 4421, "width": 68, "height": 20 @@ -58104,6 +58137,7 @@ "paddingRight": 32, "paddingTop": 32, "paddingBottom": 32, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -58121,15 +58155,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -58181,12 +58215,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -58196,7 +58224,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -58233,10 +58261,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "321:11075", @@ -58704,7 +58757,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -58712,7 +58782,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -63704,5 +63780,651 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12268": { + "id": "34:12268", + "name": "Variant=Subtle, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2025, + "y": 504, + "width": 36, + "height": 36 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + ] + }, + "children": [ + { + "id": "34:12269", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 512, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I34:12269;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 513.6666870117188, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "11:11525": { + "id": "11:11525", + "name": "Variant=Primary, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 120, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [ + { + "id": "11:11526", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 132, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11526;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 133.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36491" + } + ] + } + } + ] + } + ] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=562-10721" } \ No newline at end of file diff --git a/fixtures/mobile-shop/screenshot-375.png b/fixtures/mobile-shop/screenshot-375.png index 4f7a1782..0b3eb428 100644 Binary files a/fixtures/mobile-shop/screenshot-375.png and b/fixtures/mobile-shop/screenshot-375.png differ diff --git a/fixtures/mobile-shop/screenshot-768.png b/fixtures/mobile-shop/screenshot-768.png index 458a6576..51292d70 100644 Binary files a/fixtures/mobile-shop/screenshot-768.png and b/fixtures/mobile-shop/screenshot-768.png differ diff --git a/fixtures/mobile-slot/data.json b/fixtures/mobile-slot/data.json index 641ca051..40cfa91c 100644 --- a/fixtures/mobile-slot/data.json +++ b/fixtures/mobile-slot/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "6031:5165", "name": "Platform=Mobile", @@ -7017,15 +7017,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -7083,12 +7083,6 @@ "id": "VariableID:234:21585" } }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -7098,7 +7092,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -7135,10 +7129,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "I6031:5168;321:11075", @@ -7606,7 +7625,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -7614,7 +7650,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -20417,6 +20459,7 @@ "paddingRight": 32, "paddingTop": 32, "paddingBottom": 32, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -20434,15 +20477,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -20494,12 +20537,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -20509,7 +20546,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -20546,10 +20583,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "321:11075", @@ -21017,7 +21079,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -21025,7 +21104,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -26136,5 +26221,427 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12268": { + "id": "34:12268", + "name": "Variant=Subtle, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2025, + "y": 504, + "width": 36, + "height": 36 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + ] + }, + "children": [ + { + "id": "34:12269", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 512, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I34:12269;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 513.6666870117188, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=6031-5165" } \ No newline at end of file diff --git a/fixtures/mobile-slot/screenshot-375.png b/fixtures/mobile-slot/screenshot-375.png index 8fe60701..ad34ee02 100644 Binary files a/fixtures/mobile-slot/screenshot-375.png and b/fixtures/mobile-slot/screenshot-375.png differ diff --git a/fixtures/mobile-slot/screenshot-768.png b/fixtures/mobile-slot/screenshot-768.png index 7ab4a033..fbf96062 100644 Binary files a/fixtures/mobile-slot/screenshot-768.png and b/fixtures/mobile-slot/screenshot-768.png differ diff --git a/fixtures/mobile-waitlist/data.json b/fixtures/mobile-waitlist/data.json index 12e9e7d1..9ebc0299 100644 --- a/fixtures/mobile-waitlist/data.json +++ b/fixtures/mobile-waitlist/data.json @@ -1,8 +1,8 @@ { "fileKey": "pNmINk52N1oRQD0q7jAxOf", "name": "Simple Design System (Community)", - "lastModified": "2026-03-27T09:27:21Z", - "version": "2335562452598141201", + "lastModified": "2026-03-27T13:37:11Z", + "version": "2335620422297920205", "document": { "id": "562:9683", "name": "Platform=Mobile", @@ -6955,12 +6955,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -12917,15 +12911,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -12977,12 +12971,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -12992,7 +12980,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -13029,10 +13017,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "I562:9579;321:11075", @@ -13500,7 +13513,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -13508,7 +13538,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -26358,6 +26394,7 @@ "paddingRight": 24, "paddingTop": 160, "paddingBottom": 160, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -26412,12 +26449,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10896" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "fills": [ { "type": "VARIABLE_ALIAS", @@ -39013,6 +39044,7 @@ "paddingRight": 32, "paddingTop": 32, "paddingBottom": 32, + "maxWidth": 1200, "constraints": { "vertical": "TOP", "horizontal": "LEFT" @@ -39030,15 +39062,15 @@ "blendMode": "NORMAL", "type": "SOLID", "color": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.35435372591018677, + "g": 0.35435372591018677, + "b": 0.35435372591018677, "a": 1 }, "boundVariables": { "color": { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } } } @@ -39090,12 +39122,6 @@ "type": "VARIABLE_ALIAS", "id": "VariableID:346:10902" }, - "size": { - "x": { - "type": "VARIABLE_ALIAS", - "id": "VariableID:9:11219" - } - }, "individualStrokeWeights": { "BORDER_TOP_WEIGHT": { "type": "VARIABLE_ALIAS", @@ -39105,7 +39131,7 @@ "fills": [ { "type": "VARIABLE_ALIAS", - "id": "VariableID:3919:36423" + "id": "VariableID:106:12464" } ], "strokes": [ @@ -39142,10 +39168,35 @@ "width": 311, "height": 35 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8117647171020508, + "g": 0.9686274528503418, + "b": 0.8274509906768799, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], + "boundVariables": { + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36435" + } + ] + }, "children": [ { "id": "321:11075", @@ -39613,7 +39664,24 @@ "width": 311, "height": 756 }, - "fills": [], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 1, + "b": 0.9333333373069763, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + } + } + ], "strokes": [], "strokeWeight": 1, "effects": [], @@ -39621,7 +39689,13 @@ "itemSpacing": { "type": "VARIABLE_ALIAS", "id": "VariableID:9:11262" - } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:2002:7433" + } + ] }, "children": [ { @@ -44732,5 +44806,565 @@ ] } }, + "interactionDestinations": { + "11:11529": { + "id": "11:11529", + "name": "Variant=Neutral, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2021, + "y": 200, + "width": 44, + "height": 44 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9019607901573181, + "g": 0.9019607901573181, + "b": 0.9019607901573181, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8509804010391235, + "g": 0.8509804010391235, + "b": 0.8509804010391235, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:56:9309" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36514" + } + ] + }, + "children": [ + { + "id": "11:11530", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 212, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I11:11530;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 213.6666717529297, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "34:12268": { + "id": "34:12268", + "name": "Variant=Subtle, State=Hover, Size=Small", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "paddingLeft": 8, + "paddingRight": 8, + "paddingTop": 8, + "paddingBottom": 8, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2025, + "y": 504, + "width": 36, + "height": 36 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9607843160629272, + "g": 0.9607843160629272, + "b": 0.9607843160629272, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 32, + "boundVariables": { + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11193" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36426" + } + ] + }, + "children": [ + { + "id": "34:12269", + "name": "Star", + "type": "INSTANCE", + "visible": true, + "layoutAlign": "INHERIT", + "layoutSizingHorizontal": "FIXED", + "layoutSizingVertical": "FIXED", + "layoutGrow": 0, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "absoluteBoundingBox": { + "x": 2033, + "y": 512, + "width": 20, + "height": 20 + }, + "componentId": "4039:12684", + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "effects": [], + "children": [ + { + "id": "I34:12269;7758:12316", + "name": "Icon", + "type": "VECTOR", + "visible": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "absoluteBoundingBox": { + "x": 2034.6666259765625, + "y": 513.6666870117188, + "width": 16.66666603088379, + "height": 15.850000381469727 + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + } + } + ], + "strokeWeight": 2, + "effects": [], + "boundVariables": { + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36482" + } + ] + } + } + ] + } + ] + }, + "9762:431": { + "id": "9762:431", + "name": "Variant=Primary, State=Hover, Size=Medium", + "type": "COMPONENT", + "visible": true, + "layoutMode": "HORIZONTAL", + "layoutSizingHorizontal": "HUG", + "layoutSizingVertical": "HUG", + "primaryAxisAlignItems": "CENTER", + "counterAxisAlignItems": "CENTER", + "itemSpacing": 8, + "paddingLeft": 12, + "paddingRight": 12, + "paddingTop": 12, + "paddingBottom": 12, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "layoutWrap": "NO_WRAP", + "clipsContent": true, + "absoluteBoundingBox": { + "x": 497, + "y": 120, + "width": 75, + "height": 40 + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.11764705926179886, + "g": 0.11764705926179886, + "b": 0.11764705926179886, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.1725490242242813, + "g": 0.1725490242242813, + "b": 0.1725490242242813, + "a": 1 + }, + "boundVariables": { + "color": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + } + } + ], + "strokeWeight": 1, + "effects": [], + "cornerRadius": 8, + "boundVariables": { + "itemSpacing": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11259" + }, + "paddingLeft": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingTop": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingRight": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "paddingBottom": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11260" + }, + "individualStrokeWeights": { + "BORDER_TOP_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_BOTTOM_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_LEFT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + }, + "BORDER_RIGHT_WEIGHT": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:197:17450" + } + }, + "rectangleCornerRadii": { + "RECTANGLE_TOP_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_TOP_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_LEFT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + }, + "RECTANGLE_BOTTOM_RIGHT_CORNER_RADIUS": { + "type": "VARIABLE_ALIAS", + "id": "VariableID:9:11275" + } + }, + "fills": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36431" + } + ], + "strokes": [ + { + "type": "VARIABLE_ALIAS", + "id": "VariableID:3919:36516" + } + ] + }, + "children": [] + } + }, "sourceUrl": "https://www.figma.com/design/pNmINk52N1oRQD0q7jAxOf/Simple-Design-System--Community-?node-id=562-9683" } \ No newline at end of file diff --git a/fixtures/mobile-waitlist/screenshot-375.png b/fixtures/mobile-waitlist/screenshot-375.png index 34ac879b..d9ac1aaa 100644 Binary files a/fixtures/mobile-waitlist/screenshot-375.png and b/fixtures/mobile-waitlist/screenshot-375.png differ diff --git a/fixtures/mobile-waitlist/screenshot-768.png b/fixtures/mobile-waitlist/screenshot-768.png index b6dba8d7..464b7b9a 100644 Binary files a/fixtures/mobile-waitlist/screenshot-768.png and b/fixtures/mobile-waitlist/screenshot-768.png differ diff --git a/src/cli/commands/implement.ts b/src/cli/commands/implement.ts index 1684f4bb..56e3901a 100644 --- a/src/cli/commands/implement.ts +++ b/src/cli/commands/implement.ts @@ -85,7 +85,7 @@ export function registerImplement(cli: CAC): void { const vecOutputDir = resolve(outputDir, "vectors"); mkdirSync(vecOutputDir, { recursive: true }); const { readdirSync, copyFileSync } = await import("node:fs"); - const vecFiles = readdirSync(vectorDir).filter(f => f.endsWith(".svg")); + const vecFiles = readdirSync(vectorDir).filter(f => f.endsWith(".svg") || f === "mapping.json"); for (const f of vecFiles) { copyFileSync(resolve(vectorDir, f), resolve(vecOutputDir, f)); } diff --git a/src/core/engine/design-tree-strip.test.ts b/src/core/engine/design-tree-strip.test.ts index 7f2e7e94..a36082d8 100644 --- a/src/core/engine/design-tree-strip.test.ts +++ b/src/core/engine/design-tree-strip.test.ts @@ -19,7 +19,7 @@ const FIXTURE = [ " component-properties: Size=Large, HasImage=true", ' style: display: flex; flex-direction: column; gap: 12px; padding: 16px 16px 16px 16px; background: #F5F5F5; border-radius: 12px; box-shadow: 0px 4px 8px #000000; min-width: 300px', " Image (FRAME, 303x120)", - " style: width: 100%; height: 100%; background-image: url(images/product@2x.png); background-size: cover; border-radius: 8px; opacity: 0.95", + " style: width: 100%; height: 100%; content-image: url(images/product@2x.png); object-fit: cover; border-radius: 8px; opacity: 0.95", " Price (TEXT, 100x20)", ' style: font-family: "Inter"; font-weight: 600; font-size: 18px; line-height: 20px; color: rgba(30, 30, 30, 0.8); text: "$29.99"', " Button (INSTANCE, 335x48) [component: Button]", @@ -112,8 +112,8 @@ describe("stripDesignTree", () => { expect(result).toContain('text: "My Store"'); }); - it("preserves background-image", () => { - expect(result).toContain("background-image: url(images/product@2x.png)"); + it("preserves content-image", () => { + expect(result).toContain("content-image: url(images/product@2x.png)"); }); it("preserves layout and typography", () => { diff --git a/src/core/engine/design-tree-strip.ts b/src/core/engine/design-tree-strip.ts index fedf4010..91447a95 100644 --- a/src/core/engine/design-tree-strip.ts +++ b/src/core/engine/design-tree-strip.ts @@ -215,8 +215,9 @@ function stripColorValues(lines: string[]): string[] { parsed.properties = parsed.properties.map((p) => { const prop = getPropertyName(p); - // Don't touch background-image or text content + // Don't touch image paths or text content if (prop === "background-image") return p; + if (prop === "content-image") return p; if (prop === "text") return p; // Replace colors in background, color, border, box-shadow if (["background", "color", "border", "border-top", "border-right", diff --git a/src/core/engine/design-tree.test.ts b/src/core/engine/design-tree.test.ts index 955029e2..1d4adc33 100644 --- a/src/core/engine/design-tree.test.ts +++ b/src/core/engine/design-tree.test.ts @@ -582,7 +582,7 @@ describe("generateDesignTree", () => { expect(output).not.toContain("background:"); }); - it("IMAGE fill type outputs background-image: [IMAGE]", () => { + it("IMAGE fill on leaf node outputs content-image: [IMAGE]", () => { const file = makeFile( makeNode({ id: "1:1", @@ -595,10 +595,30 @@ describe("generateDesignTree", () => { const output = generateDesignTree(file); + expect(output).toContain("content-image: [IMAGE]"); + }); + + it("IMAGE fill on node with children outputs background-image: [IMAGE]", () => { + const file = makeFile( + makeNode({ + id: "1:1", + name: "HeroSection", + type: "FRAME", + fills: [{ type: "IMAGE", scaleMode: "FILL", imageRef: "abc123" }], + absoluteBoundingBox: { x: 0, y: 0, width: 1200, height: 500 }, + children: [ + makeNode({ id: "1:2", name: "Title", type: "TEXT", absoluteBoundingBox: { x: 0, y: 0, width: 400, height: 40 } }), + ], + }) + ); + + const output = generateDesignTree(file); + expect(output).toContain("background-image: [IMAGE]"); + expect(output).not.toContain("content-image:"); }); - it("shows both background and background-image when both fill types exist", () => { + it("shows both background and content-image when both fill types exist on leaf", () => { const file = makeFile( makeNode({ id: "1:1", @@ -615,7 +635,7 @@ describe("generateDesignTree", () => { const output = generateDesignTree(file); expect(output).toContain("background: #"); - expect(output).toContain("background-image: [IMAGE]"); + expect(output).toContain("content-image: [IMAGE]"); }); }); @@ -1024,11 +1044,11 @@ describe("generateDesignTree", () => { const output = generateDesignTree(file, { imageDir }); - expect(output).toContain("background-image: url(images/hero-banner@2x.png)"); - expect(output).not.toContain("background-image: [IMAGE]"); + expect(output).toContain("content-image: url(images/hero-banner@2x.png)"); + expect(output).not.toContain("content-image: [IMAGE]"); }); - it("IMAGE fill without imageDir outputs [IMAGE]", () => { + it("IMAGE fill without imageDir on leaf outputs content-image: [IMAGE]", () => { const file = makeFile( makeNode({ id: "1:2", @@ -1041,11 +1061,11 @@ describe("generateDesignTree", () => { const output = generateDesignTree(file); - expect(output).toContain("background-image: [IMAGE]"); + expect(output).toContain("content-image: [IMAGE]"); expect(output).not.toContain("url(images/"); }); - it("IMAGE fill with imageDir but no mapping entry outputs [IMAGE]", () => { + it("IMAGE fill with imageDir but no mapping entry on leaf outputs content-image: [IMAGE]", () => { const imageDir = join(tempDir, "images"); mkdirSync(imageDir); writeFileSync( @@ -1065,7 +1085,7 @@ describe("generateDesignTree", () => { const output = generateDesignTree(file, { imageDir }); - expect(output).toContain("background-image: [IMAGE]"); + expect(output).toContain("content-image: [IMAGE]"); expect(output).not.toContain("url(images/"); }); }); diff --git a/src/core/engine/design-tree.ts b/src/core/engine/design-tree.ts index 1b8da36f..fd97efa9 100644 --- a/src/core/engine/design-tree.ts +++ b/src/core/engine/design-tree.ts @@ -364,18 +364,30 @@ function renderNode( const fillInfo = getFillInfo(node); if (fillInfo.color && node.type !== "TEXT") styles.push(`background: ${fillInfo.color}`); if (fillInfo.hasImage) { + const hasChildren = node.children && node.children.length > 0; const mappedFile = imageMapping?.[node.id]; if (mappedFile) { - styles.push(`background-image: url(images/${mappedFile})`); - styles.push("background-position: center"); - styles.push("background-repeat: no-repeat"); - if (fillInfo.imageScaleMode === "FIT") { - styles.push("background-size: contain"); - } else if (fillInfo.imageScaleMode === "FILL") { - styles.push("background-size: cover"); + if (hasChildren) { + // Background image: node has children on top → CSS background-image + styles.push(`background-image: url(images/${mappedFile})`); + styles.push("background-position: center"); + styles.push("background-repeat: no-repeat"); + if (fillInfo.imageScaleMode === "FIT") { + styles.push("background-size: contain"); + } else if (fillInfo.imageScaleMode === "FILL") { + styles.push("background-size: cover"); + } + } else { + // Content image: leaf node → tag + styles.push(`content-image: url(images/${mappedFile})`); + if (fillInfo.imageScaleMode === "FIT") { + styles.push("object-fit: contain"); + } else if (fillInfo.imageScaleMode === "FILL") { + styles.push("object-fit: cover"); + } } } else { - styles.push("background-image: [IMAGE]"); + styles.push(hasChildren ? "background-image: [IMAGE]" : "content-image: [IMAGE]"); } }