Permalink
Cannot retrieve contributors at this time
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
10263 lines (10263 sloc)
479 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"name": "New Project3", | |
"globals": { | |
"settings": { | |
"title": "New Project3", | |
"language": "en" | |
}, | |
"assets": [ | |
{ | |
"type": "style", | |
"content": "html { line-height: 1.15;}body { margin: 0;}* { box-sizing: border-box; border-width: 0; border-style: solid;}p,li,ul,pre,div,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;}button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}button,select { text-transform: none;}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"] { -webkit-appearance: button;}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner { border-style: none; padding: 0;}button:-moz-focus,[type=\"button\"]:-moz-focus,[type=\"reset\"]:-moz-focus,[type=\"submit\"]:-moz-focus { outline: 1px dotted ButtonText;}a { color: inherit; text-decoration: inherit;}input { padding: 2px 4px;}img { display: block;}" | |
}, | |
{ | |
"type": "style", | |
"content": "\n html {\n font-family: Inter;\n font-size: 16px;\n }\n\n body {\n font-weight: 400;\n font-style:normal;\n text-decoration: none;\n text-transform: none;\n letter-spacing: normal;\n line-height: 1.15;\n color: var(--dl-color-gray-black);\n background-color: var(--dl-color-gray-white);\n \n }\n\n \n" | |
}, | |
{ | |
"type": "font", | |
"path": "", | |
"name": "Arial" | |
}, | |
{ | |
"type": "font", | |
"path": "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap", | |
"name": "Inter" | |
}, | |
{ | |
"type": "script", | |
"content": "https://unpkg.com/@teleporthq/teleport-custom-scripts" | |
} | |
], | |
"meta": [ | |
{ | |
"name": "viewport", | |
"content": "width=device-width, initial-scale=1.0" | |
}, | |
{ | |
"charSet": "utf-8" | |
}, | |
{ | |
"property": "twitter:card", | |
"content": "summary_large_image" | |
} | |
], | |
"customCode": { | |
"head": "<!--This is the head section-->\n<!-- <script type=\"text/javascript\"> ... </script> -->\n<script src='https://unpkg.com/@teleporthq/teleport-custom-scripts'></script>" | |
} | |
}, | |
"root": { | |
"name": "App", | |
"designLanguage": { | |
"tokens": { | |
"--dl-space-space-fourunits": { | |
"type": "static", | |
"content": "64px" | |
}, | |
"--dl-space-space-threeunits": { | |
"type": "static", | |
"content": "48px" | |
}, | |
"--dl-space-space-twounits": { | |
"type": "static", | |
"content": "32px" | |
}, | |
"--dl-color-success-500": { | |
"type": "static", | |
"content": "#32A94C" | |
}, | |
"--dl-color-danger-700": { | |
"type": "static", | |
"content": "#E14747" | |
}, | |
"--dl-color-danger-500": { | |
"type": "static", | |
"content": "#BF2626" | |
}, | |
"--dl-color-primary-100": { | |
"type": "static", | |
"content": "#003EB3" | |
}, | |
"--dl-radius-radius-round": { | |
"type": "static", | |
"content": "50%" | |
}, | |
"--dl-color-success-300": { | |
"type": "static", | |
"content": "#199033" | |
}, | |
"--dl-size-size-small": { | |
"type": "static", | |
"content": "48px" | |
}, | |
"--dl-color-danger-300": { | |
"type": "static", | |
"content": "#A22020" | |
}, | |
"--dl-size-size-medium": { | |
"type": "static", | |
"content": "96px" | |
}, | |
"--dl-size-size-xsmall": { | |
"type": "static", | |
"content": "16px" | |
}, | |
"--dl-radius-radius-radius8": { | |
"type": "static", | |
"content": "8px" | |
}, | |
"--dl-color-gray-white": { | |
"type": "static", | |
"content": "#FFFFFF" | |
}, | |
"--dl-color-gray-700": { | |
"type": "static", | |
"content": "#999999" | |
}, | |
"--dl-size-size-maxwidth": { | |
"type": "static", | |
"content": "1400px" | |
}, | |
"--dl-radius-radius-radius4": { | |
"type": "static", | |
"content": "4px" | |
}, | |
"--dl-color-primary-300": { | |
"type": "static", | |
"content": "#0074F0" | |
}, | |
"--dl-color-primary-500": { | |
"type": "static", | |
"content": "#14A9FF" | |
}, | |
"--dl-size-size-xlarge": { | |
"type": "static", | |
"content": "192px" | |
}, | |
"--dl-color-success-700": { | |
"type": "static", | |
"content": "#4CC366" | |
}, | |
"--dl-space-space-unit": { | |
"type": "static", | |
"content": "16px" | |
}, | |
"--dl-color-primary-700": { | |
"type": "static", | |
"content": "#85DCFF" | |
}, | |
"--dl-space-space-oneandhalfunits": { | |
"type": "static", | |
"content": "24px" | |
}, | |
"--dl-color-gray-900": { | |
"type": "static", | |
"content": "#D9D9D9" | |
}, | |
"--dl-space-space-sixunits": { | |
"type": "static", | |
"content": "96px" | |
}, | |
"--dl-radius-radius-radius2": { | |
"type": "static", | |
"content": "2px" | |
}, | |
"--dl-color-gray-500": { | |
"type": "static", | |
"content": "#595959" | |
}, | |
"--dl-color-gray-black": { | |
"type": "static", | |
"content": "#000000" | |
}, | |
"--dl-size-size-large": { | |
"type": "static", | |
"content": "144px" | |
}, | |
"--dl-space-space-halfunit": { | |
"type": "static", | |
"content": "8px" | |
}, | |
"--dl-space-space-fiveunits": { | |
"type": "static", | |
"content": "80px" | |
}, | |
"--dl-size-size-xxlarge": { | |
"type": "static", | |
"content": "288px" | |
} | |
} | |
}, | |
"styleSetDefinitions": { | |
"button": { | |
"type": "reusable-project-style-map", | |
"content": { | |
"fontSize": { | |
"type": "static", | |
"content": "14px" | |
}, | |
"fontFamily": { | |
"type": "static", | |
"content": "Arial" | |
}, | |
"fontWeight": { | |
"type": "static", | |
"content": "500" | |
}, | |
"textTransform": { | |
"type": "static", | |
"content": "none" | |
}, | |
"textDecoration": { | |
"type": "static", | |
"content": "none" | |
} | |
} | |
}, | |
"input": { | |
"type": "reusable-project-style-map", | |
"content": { | |
"color": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-color-gray-black" | |
} | |
}, | |
"cursor": { | |
"type": "static", | |
"content": "auto" | |
}, | |
"padding": { | |
"type": "static", | |
"content": "0.5rem 1rem" | |
}, | |
"borderColor": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-color-gray-black" | |
} | |
}, | |
"borderWidth": { | |
"type": "static", | |
"content": "1px" | |
}, | |
"borderRadius": { | |
"type": "static", | |
"content": "4px" | |
}, | |
"backgroundColor": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-color-gray-white" | |
} | |
} | |
}, | |
"conditions": [] | |
}, | |
"textarea": { | |
"type": "reusable-project-style-map", | |
"content": { | |
"color": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-color-gray-black" | |
} | |
}, | |
"cursor": { | |
"type": "static", | |
"content": "auto" | |
}, | |
"padding": { | |
"type": "static", | |
"content": "0.5rem" | |
}, | |
"borderColor": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-color-gray-black" | |
} | |
}, | |
"borderWidth": { | |
"type": "static", | |
"content": "1px" | |
}, | |
"borderRadius": { | |
"type": "static", | |
"content": "4px" | |
}, | |
"backgroundColor": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-color-gray-white" | |
} | |
} | |
}, | |
"conditions": [] | |
}, | |
"list": { | |
"type": "reusable-project-style-map", | |
"content": { | |
"width": { | |
"type": "static", | |
"content": "100%" | |
}, | |
"margin": { | |
"type": "static", | |
"content": "1em 0px 1em 0px" | |
}, | |
"display": { | |
"type": "static", | |
"content": "block" | |
}, | |
"padding": { | |
"type": "static", | |
"content": "0px 0px 0px 1.5rem" | |
}, | |
"listStyleType": { | |
"type": "static", | |
"content": "none" | |
}, | |
"listStylePosition": { | |
"type": "static", | |
"content": "outside" | |
} | |
}, | |
"conditions": [] | |
}, | |
"list-item": { | |
"type": "reusable-project-style-map", | |
"content": { | |
"display": { | |
"type": "static", | |
"content": "list-item" | |
} | |
}, | |
"conditions": [] | |
}, | |
"teleport-show": { | |
"type": "reusable-project-style-map", | |
"content": { | |
"display": { | |
"type": "static", | |
"content": "flex !important" | |
} | |
}, | |
"conditions": [] | |
}, | |
"primary-button": { | |
"type": "reusable-project-style-map", | |
"content": { | |
"backgroundColor": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-color-gray-black" | |
} | |
}, | |
"color": { | |
"type": "static", | |
"content": "white" | |
} | |
}, | |
"conditions": [] | |
}, | |
"secondary-button": { | |
"type": "reusable-project-style-map", | |
"content": { | |
"color": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-color-gray-black" | |
} | |
}, | |
"border": { | |
"type": "static", | |
"content": "1px solid" | |
} | |
}, | |
"conditions": [] | |
}, | |
"content": { | |
"type": "reusable-project-style-map", | |
"content": { | |
"fontSize": { | |
"type": "static", | |
"content": "16px" | |
}, | |
"fontFamily": { | |
"type": "static", | |
"content": "Inter" | |
}, | |
"fontWeight": { | |
"type": "static", | |
"content": "400" | |
}, | |
"lineHeight": { | |
"type": "static", | |
"content": "1.15" | |
}, | |
"textTransform": { | |
"type": "static", | |
"content": "none" | |
}, | |
"textDecoration": { | |
"type": "static", | |
"content": "none" | |
} | |
} | |
}, | |
"heading": { | |
"type": "reusable-project-style-map", | |
"content": { | |
"fontSize": { | |
"type": "static", | |
"content": "32px" | |
}, | |
"fontFamily": { | |
"type": "static", | |
"content": "Inter" | |
}, | |
"fontWeight": { | |
"type": "static", | |
"content": "700" | |
}, | |
"lineHeight": { | |
"type": "static", | |
"content": "1.15" | |
}, | |
"textTransform": { | |
"type": "static", | |
"content": "none" | |
}, | |
"textDecoration": { | |
"type": "static", | |
"content": "none" | |
} | |
} | |
} | |
}, | |
"stateDefinitions": { | |
"route": { | |
"type": "string", | |
"defaultValue": "Home", | |
"values": [ | |
{ | |
"value": "Home", | |
"seo": { | |
"title": "New Project3", | |
"metaTags": [ | |
{ | |
"property": "og:title", | |
"content": "New Project3" | |
} | |
] | |
} | |
}, | |
{ | |
"value": "About", | |
"seo": { | |
"title": "About - New Project3", | |
"metaTags": [ | |
{ | |
"property": "og:title", | |
"content": "About - New Project3" | |
} | |
] | |
} | |
} | |
] | |
} | |
}, | |
"node": { | |
"type": "element", | |
"content": { | |
"elementType": "Router", | |
"children": [ | |
{ | |
"type": "conditional", | |
"content": { | |
"node": { | |
"type": "element", | |
"content": { | |
"elementType": "container", | |
"referencedStyles": { | |
"9f75e760-4477-44cd-8532-36c760cbc8aa": { | |
"type": "style-map", | |
"content": { | |
"conditions": [ | |
{ | |
"maxWidth": 479, | |
"conditionType": "screen-size" | |
} | |
], | |
"mapType": "inlined", | |
"styles": { | |
"color": { | |
"type": "static", | |
"content": "blue" | |
} | |
} | |
} | |
} | |
}, | |
"abilities": {}, | |
"style": { | |
"width": { | |
"type": "static", | |
"content": "100%" | |
}, | |
"display": { | |
"type": "static", | |
"content": "flex" | |
}, | |
"overflow": { | |
"type": "static", | |
"content": "auto" | |
}, | |
"minHeight": { | |
"type": "static", | |
"content": "100vh" | |
}, | |
"alignItems": { | |
"type": "static", | |
"content": "center" | |
}, | |
"flexDirection": { | |
"type": "static", | |
"content": "column" | |
}, | |
"justifyContent": { | |
"type": "static", | |
"content": "flex-start" | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "component", | |
"dependency": { | |
"type": "local" | |
}, | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [], | |
"semanticType": "Header" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "component", | |
"dependency": { | |
"type": "local" | |
}, | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [], | |
"semanticType": "Hero" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "component", | |
"dependency": { | |
"type": "local" | |
}, | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [], | |
"semanticType": "Features" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "component", | |
"dependency": { | |
"type": "local" | |
}, | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [], | |
"semanticType": "Footer" | |
} | |
} | |
], | |
"semanticType": "div" | |
} | |
}, | |
"value": "Home", | |
"reference": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "state", | |
"id": "route" | |
} | |
} | |
} | |
}, | |
{ | |
"type": "conditional", | |
"content": { | |
"node": { | |
"type": "element", | |
"content": { | |
"elementType": "container", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"width": { | |
"type": "static", | |
"content": "100%" | |
}, | |
"display": { | |
"type": "static", | |
"content": "flex" | |
}, | |
"overflow": { | |
"type": "static", | |
"content": "auto" | |
}, | |
"minHeight": { | |
"type": "static", | |
"content": "100vh" | |
}, | |
"alignItems": { | |
"type": "static", | |
"content": "flex-start" | |
}, | |
"flexDirection": { | |
"type": "static", | |
"content": "column" | |
}, | |
"justifyContent": { | |
"type": "static", | |
"content": "flex-start" | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "component", | |
"dependency": { | |
"type": "local" | |
}, | |
"referencedStyles": {}, | |
"abilities": {}, | |
"attrs": { | |
"rootClassName": { | |
"type": "comp-style", | |
"content": "rootClassName" | |
} | |
}, | |
"children": [], | |
"semanticType": "Header" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "container", | |
"name": "Gallery", | |
"referencedStyles": { | |
"785deea7-5086-40af-9e41-9a53bbb0fa28": { | |
"type": "style-map", | |
"content": { | |
"conditions": [ | |
{ | |
"conditionType": "screen-size", | |
"maxWidth": 479 | |
} | |
], | |
"mapType": "inlined", | |
"styles": { | |
"padding": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-unit" | |
} | |
} | |
} | |
} | |
}, | |
"ff5caa9e-fea4-44a8-900e-a4fc4f90d3e4": { | |
"type": "style-map", | |
"content": { | |
"conditions": [ | |
{ | |
"conditionType": "screen-size", | |
"maxWidth": 767 | |
} | |
], | |
"mapType": "inlined", | |
"styles": { | |
"paddingLeft": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"paddingRight": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
} | |
} | |
} | |
} | |
}, | |
"abilities": {}, | |
"style": { | |
"width": { | |
"type": "static", | |
"content": "100%" | |
}, | |
"display": { | |
"type": "static", | |
"content": "flex" | |
}, | |
"maxWidth": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-size-size-maxwidth" | |
} | |
}, | |
"alignItems": { | |
"type": "static", | |
"content": "center" | |
}, | |
"paddingTop": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"paddingLeft": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-threeunits" | |
} | |
}, | |
"paddingRight": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-threeunits" | |
} | |
}, | |
"flexDirection": { | |
"type": "static", | |
"content": "column" | |
}, | |
"paddingBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"fontSize": { | |
"type": "static", | |
"content": "3rem" | |
}, | |
"textAlign": { | |
"type": "static", | |
"content": "center" | |
} | |
}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "Our portfolio" | |
} | |
], | |
"semanticType": "h1" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": { | |
"f4a07a8b-08f2-46d4-a47b-33b57e57e16e": { | |
"type": "style-map", | |
"content": { | |
"conditions": [ | |
{ | |
"conditionType": "screen-size", | |
"maxWidth": 767 | |
} | |
], | |
"mapType": "inlined", | |
"styles": { | |
"paddingLeft": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-unit" | |
} | |
}, | |
"paddingRight": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-unit" | |
} | |
} | |
} | |
} | |
}, | |
"088b3180-ba7f-4d85-9124-4007789b5d1d": { | |
"type": "style-map", | |
"content": { | |
"conditions": [ | |
{ | |
"conditionType": "screen-size", | |
"maxWidth": 991 | |
} | |
], | |
"mapType": "inlined", | |
"styles": { | |
"textAlign": { | |
"type": "static", | |
"content": "center" | |
} | |
} | |
} | |
} | |
}, | |
"abilities": {}, | |
"style": { | |
"color": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-color-gray-700" | |
} | |
}, | |
"marginTop": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"textAlign": { | |
"type": "static", | |
"content": "center" | |
}, | |
"paddingLeft": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-threeunits" | |
} | |
}, | |
"marginBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"paddingRight": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-threeunits" | |
} | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non volutpat turpis. " | |
}, | |
{ | |
"type": "raw", | |
"content": " " | |
} | |
] | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": " " | |
}, | |
{ | |
"type": "raw", | |
"content": " " | |
} | |
] | |
} | |
} | |
], | |
"semanticType": "span" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "br", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [], | |
"semanticType": "br" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "Mauris luctus rutrum mi ut rhoncus. Integer in dignissim tortor. " | |
}, | |
{ | |
"type": "raw", | |
"content": " " | |
} | |
] | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": " " | |
}, | |
{ | |
"type": "raw", | |
"content": " " | |
} | |
] | |
} | |
} | |
], | |
"semanticType": "span" | |
} | |
} | |
], | |
"semanticType": "span" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "container", | |
"referencedStyles": { | |
"111ff2d1-7b22-440d-b9f6-30946dca9598": { | |
"type": "style-map", | |
"content": { | |
"conditions": [ | |
{ | |
"conditionType": "screen-size", | |
"maxWidth": 479 | |
} | |
], | |
"mapType": "inlined", | |
"styles": { | |
"gridTemplateColumns": { | |
"type": "static", | |
"content": "1fr" | |
} | |
} | |
} | |
}, | |
"4a8a977c-5afe-45e9-bf32-3667e2789650": { | |
"type": "style-map", | |
"content": { | |
"conditions": [ | |
{ | |
"conditionType": "screen-size", | |
"maxWidth": 991 | |
} | |
], | |
"mapType": "inlined", | |
"styles": { | |
"gridTemplateColumns": { | |
"type": "static", | |
"content": "1fr 1fr 1fr" | |
} | |
} | |
} | |
}, | |
"a819dc66-7304-4c70-864c-f4288dc360c0": { | |
"type": "style-map", | |
"content": { | |
"conditions": [ | |
{ | |
"conditionType": "screen-size", | |
"maxWidth": 767 | |
} | |
], | |
"mapType": "inlined", | |
"styles": { | |
"gridTemplateColumns": { | |
"type": "static", | |
"content": "1fr 1fr" | |
} | |
} | |
} | |
} | |
}, | |
"abilities": {}, | |
"style": { | |
"width": { | |
"type": "static", | |
"content": "100%" | |
}, | |
"display": { | |
"type": "static", | |
"content": "grid" | |
}, | |
"gridGap": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-unit" | |
} | |
}, | |
"gridTemplateColumns": { | |
"type": "static", | |
"content": "1fr 1fr 1fr 1fr" | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "component", | |
"dependency": { | |
"type": "local" | |
}, | |
"referencedStyles": {}, | |
"abilities": {}, | |
"attrs": { | |
"rootClassName": { | |
"type": "comp-style", | |
"content": "rootClassName" | |
} | |
}, | |
"children": [], | |
"semanticType": "GalleryCard3" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "component", | |
"dependency": { | |
"type": "local" | |
}, | |
"referencedStyles": {}, | |
"abilities": {}, | |
"attrs": { | |
"image_src": { | |
"type": "static", | |
"content": "https://images.unsplash.com/photo-1501127122-f385ca6ddd9d?ixid=Mnw5MTMyMXwwfDF8c2VhcmNofDExfHxtaW5pbWFsaXNtJTIwaG9tZXxlbnwwfHx8fDE2MjY0NDg1Mjc&ixlib=rb-1.2.1&h=1000" | |
}, | |
"rootClassName": { | |
"type": "comp-style", | |
"content": "rootClassName1" | |
} | |
}, | |
"children": [], | |
"semanticType": "GalleryCard3" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "component", | |
"dependency": { | |
"type": "local" | |
}, | |
"referencedStyles": {}, | |
"abilities": {}, | |
"attrs": { | |
"image_src": { | |
"type": "static", | |
"content": "https://images.unsplash.com/photo-1467043153537-a4fba2cd39ef?ixid=Mnw5MTMyMXwwfDF8c2VhcmNofDR8fG1pbmltYWxpc20lMjBob21lfGVufDB8fHx8MTYyNjQ0ODUyNw&ixlib=rb-1.2.1&h=1000" | |
}, | |
"rootClassName": { | |
"type": "comp-style", | |
"content": "rootClassName3" | |
} | |
}, | |
"children": [], | |
"semanticType": "GalleryCard3" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "component", | |
"dependency": { | |
"type": "local" | |
}, | |
"referencedStyles": {}, | |
"abilities": {}, | |
"attrs": { | |
"image_src": { | |
"type": "static", | |
"content": "https://images.unsplash.com/photo-1531829039722-d3fb3e705a4b?ixid=Mnw5MTMyMXwwfDF8c2VhcmNofDE4fHxtaW5pbWFsaXNtJTIwaG9tZXxlbnwwfHx8fDE2MjY0NDg1Mjc&ixlib=rb-1.2.1&h=1000" | |
}, | |
"rootClassName": { | |
"type": "comp-style", | |
"content": "rootClassName2" | |
} | |
}, | |
"children": [], | |
"semanticType": "GalleryCard3" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "component", | |
"dependency": { | |
"type": "local" | |
}, | |
"referencedStyles": {}, | |
"abilities": {}, | |
"attrs": { | |
"image_src": { | |
"type": "static", | |
"content": "https://images.unsplash.com/photo-1519710164239-da123dc03ef4?ixid=Mnw5MTMyMXwwfDF8c2VhcmNofDExfHxtaW5pbWFsaXNtfGVufDB8fHx8MTYyNjQ0NTY1Nw&ixlib=rb-1.2.1&h=1000" | |
}, | |
"rootClassName": { | |
"type": "comp-style", | |
"content": "rootClassName4" | |
} | |
}, | |
"children": [], | |
"semanticType": "GalleryCard3" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "component", | |
"dependency": { | |
"type": "local" | |
}, | |
"referencedStyles": {}, | |
"abilities": {}, | |
"attrs": { | |
"image_src": { | |
"type": "static", | |
"content": "https://images.unsplash.com/photo-1494438639946-1ebd1d20bf85?ixid=Mnw5MTMyMXwwfDF8c2VhcmNofDJ8fG1pbmltYWxpc218ZW58MHx8fHwxNjI2NDQ1NjU3&ixlib=rb-1.2.1&h=1000" | |
}, | |
"rootClassName": { | |
"type": "comp-style", | |
"content": "rootClassName5" | |
} | |
}, | |
"children": [], | |
"semanticType": "GalleryCard3" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "component", | |
"dependency": { | |
"type": "local" | |
}, | |
"referencedStyles": {}, | |
"abilities": {}, | |
"attrs": { | |
"image_src": { | |
"type": "static", | |
"content": "https://images.unsplash.com/photo-1504198458649-3128b932f49e?ixid=Mnw5MTMyMXwwfDF8c2VhcmNofDN8fG1pbmltYWxpc20lMjBob21lfGVufDB8fHx8MTYyNjQ0ODUyNw&ixlib=rb-1.2.1&h=1000" | |
}, | |
"rootClassName": { | |
"type": "comp-style", | |
"content": "rootClassName6" | |
} | |
}, | |
"children": [], | |
"semanticType": "GalleryCard3" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "component", | |
"dependency": { | |
"type": "local" | |
}, | |
"referencedStyles": {}, | |
"abilities": {}, | |
"attrs": { | |
"image_src": { | |
"type": "static", | |
"content": "https://images.unsplash.com/photo-1453904300235-0f2f60b15b5d?ixid=Mnw5MTMyMXwwfDF8c2VhcmNofDE3fHxtaW5pbWFsaXNtJTIwaG9tZXxlbnwwfHx8fDE2MjY0NDg1Mjc&ixlib=rb-1.2.1&h=1000" | |
}, | |
"rootClassName": { | |
"type": "comp-style", | |
"content": "rootClassName7" | |
} | |
}, | |
"children": [], | |
"semanticType": "GalleryCard3" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "component", | |
"dependency": { | |
"type": "local" | |
}, | |
"referencedStyles": {}, | |
"abilities": {}, | |
"attrs": { | |
"image_src": { | |
"type": "static", | |
"content": "https://images.unsplash.com/photo-1493552152660-f915ab47ae9d?ixid=Mnw5MTMyMXwwfDF8c2VhcmNofDd8fG1pbmltYWxpc20lMjBob21lfGVufDB8fHx8MTYyNjQ0ODUyNw&ixlib=rb-1.2.1&h=1000" | |
}, | |
"rootClassName": { | |
"type": "comp-style", | |
"content": "rootClassName8" | |
} | |
}, | |
"children": [], | |
"semanticType": "GalleryCard3" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "component", | |
"dependency": { | |
"type": "local" | |
}, | |
"referencedStyles": {}, | |
"abilities": {}, | |
"attrs": { | |
"image_src": { | |
"type": "static", | |
"content": "https://images.unsplash.com/photo-1510172951991-856a654063f9?ixid=Mnw5MTMyMXwwfDF8c2VhcmNofDIwfHxtaW5pbWFsaXNtJTIwaG9tZXxlbnwwfHx8fDE2MjY0NDg1Mjc&ixlib=rb-1.2.1&h=1000" | |
}, | |
"rootClassName": { | |
"type": "comp-style", | |
"content": "rootClassName9" | |
} | |
}, | |
"children": [], | |
"semanticType": "GalleryCard3" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "component", | |
"dependency": { | |
"type": "local" | |
}, | |
"referencedStyles": {}, | |
"abilities": {}, | |
"attrs": { | |
"image_src": { | |
"type": "static", | |
"content": "https://images.unsplash.com/photo-1449247709967-d4461a6a6103?ixid=Mnw5MTMyMXwwfDF8c2VhcmNofDN8fG1pbmltYWxpc218ZW58MHx8fHwxNjI2NDQ1NjU3&ixlib=rb-1.2.1&h=1000" | |
}, | |
"rootClassName": { | |
"type": "comp-style", | |
"content": "rootClassName10" | |
} | |
}, | |
"children": [], | |
"semanticType": "GalleryCard3" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "component", | |
"dependency": { | |
"type": "local" | |
}, | |
"referencedStyles": {}, | |
"abilities": {}, | |
"attrs": { | |
"image_src": { | |
"type": "static", | |
"content": "https://images.unsplash.com/photo-1472157510410-64a053cbc39f?ixid=Mnw5MTMyMXwwfDF8c2VhcmNofDh8fG1pbmltYWxpc20lMjBob21lfGVufDB8fHx8MTYyNjQ0ODUyNw&ixlib=rb-1.2.1&h=1000" | |
}, | |
"rootClassName": { | |
"type": "comp-style", | |
"content": "rootClassName11" | |
} | |
}, | |
"children": [], | |
"semanticType": "GalleryCard3" | |
} | |
} | |
], | |
"semanticType": "div" | |
} | |
} | |
], | |
"semanticType": "div" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "container", | |
"name": "Pricing", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"width": { | |
"type": "static", | |
"content": "100%" | |
}, | |
"display": { | |
"type": "static", | |
"content": "flex" | |
}, | |
"backgroundSize": { | |
"type": "static", | |
"content": "cover" | |
}, | |
"justifyContent": { | |
"type": "static", | |
"content": "center" | |
}, | |
"backgroundImage": { | |
"type": "static", | |
"content": "url('https://images.unsplash.com/photo-1503149779833-1de50ebe5f8a?ixid=Mnw5MTMyMXwwfDF8c2VhcmNofDE2fHxzd2lzcyUyMGNoZWVzZSUyMHBsYW50fGVufDB8fHx8MTYyNTg0MTU0Mg&ixlib=rb-1.2.1&h=1200')" | |
}, | |
"backgroundPosition": { | |
"type": "static", | |
"content": "center" | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "container", | |
"referencedStyles": { | |
"a2125a63-cbeb-43b0-9529-e7ac2c8f9b2a": { | |
"type": "style-map", | |
"content": { | |
"conditions": [ | |
{ | |
"conditionType": "screen-size", | |
"maxWidth": 767 | |
} | |
], | |
"mapType": "inlined", | |
"styles": { | |
"flexFlow": { | |
"type": "static", | |
"content": "column" | |
}, | |
"paddingLeft": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"paddingRight": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
} | |
} | |
} | |
}, | |
"6c080f4f-f43d-4d98-9e8c-06577ec49b16": { | |
"type": "style-map", | |
"content": { | |
"conditions": [ | |
{ | |
"conditionType": "screen-size", | |
"maxWidth": 479 | |
} | |
], | |
"mapType": "inlined", | |
"styles": { | |
"paddingTop": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"paddingLeft": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-unit" | |
} | |
}, | |
"paddingRight": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-unit" | |
} | |
}, | |
"paddingBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
} | |
} | |
} | |
} | |
}, | |
"abilities": {}, | |
"style": { | |
"width": { | |
"type": "static", | |
"content": "100%" | |
}, | |
"display": { | |
"type": "static", | |
"content": "flex" | |
}, | |
"padding": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-threeunits" | |
} | |
}, | |
"maxWidth": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-size-size-maxwidth" | |
} | |
}, | |
"alignItems": { | |
"type": "static", | |
"content": "center" | |
}, | |
"backgroundSize": { | |
"type": "static", | |
"content": "cover" | |
}, | |
"justifyContent": { | |
"type": "static", | |
"content": "center" | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "container", | |
"name": "PricingCard", | |
"referencedStyles": { | |
"4c7bef1b-4917-4ebc-bd58-ffff46cca3c7": { | |
"type": "style-map", | |
"content": { | |
"conditions": [ | |
{ | |
"conditionType": "element-state", | |
"content": "hover" | |
} | |
], | |
"mapType": "inlined", | |
"styles": { | |
"transform": { | |
"type": "static", | |
"content": "scale(1.02)" | |
} | |
} | |
} | |
}, | |
"fbb0f3c6-a5e5-4b66-8864-2aecd48d6e83": { | |
"type": "style-map", | |
"content": { | |
"conditions": [ | |
{ | |
"conditionType": "screen-size", | |
"maxWidth": 767 | |
} | |
], | |
"mapType": "inlined", | |
"styles": { | |
"width": { | |
"type": "static", | |
"content": "100%" | |
}, | |
"maxWidth": { | |
"type": "static", | |
"content": "450px" | |
}, | |
"alignItems": { | |
"type": "static", | |
"content": "center" | |
}, | |
"marginRight": { | |
"type": "static", | |
"content": "0px" | |
}, | |
"marginBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
} | |
} | |
} | |
}, | |
"24eecf33-f1c7-4451-9bd3-1c5b5b1d5c32": { | |
"type": "style-map", | |
"content": { | |
"conditions": [ | |
{ | |
"conditionType": "screen-size", | |
"maxWidth": 991 | |
} | |
], | |
"mapType": "inlined", | |
"styles": { | |
"width": { | |
"type": "static", | |
"content": "100%" | |
}, | |
"padding": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"maxWidth": { | |
"type": "static", | |
"content": "100%" | |
}, | |
"alignItems": { | |
"type": "static", | |
"content": "center" | |
} | |
} | |
} | |
} | |
}, | |
"abilities": {}, | |
"style": { | |
"width": { | |
"type": "static", | |
"content": "100%" | |
}, | |
"display": { | |
"type": "static", | |
"content": "flex" | |
}, | |
"padding": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-threeunits" | |
} | |
}, | |
"maxWidth": { | |
"type": "static", | |
"content": "450px" | |
}, | |
"minHeight": { | |
"type": "static", | |
"content": "450px" | |
}, | |
"alignItems": { | |
"type": "static", | |
"content": "flex-start" | |
}, | |
"paddingTop": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"transition": { | |
"type": "static", | |
"content": "0.3s" | |
}, | |
"marginRight": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"paddingLeft": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"paddingRight": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"flexDirection": { | |
"type": "static", | |
"content": "column" | |
}, | |
"paddingBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"justifyContent": { | |
"type": "static", | |
"content": "space-between" | |
}, | |
"backgroundColor": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-color-gray-white" | |
} | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"fontSize": { | |
"type": "static", | |
"content": "1.5rem" | |
}, | |
"fontWeight": { | |
"type": "static", | |
"content": "600" | |
}, | |
"marginBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"textTransform": { | |
"type": "static", | |
"content": "uppercase" | |
} | |
}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "Free" | |
} | |
], | |
"semanticType": "span" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "container", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"display": { | |
"type": "static", | |
"content": "flex" | |
}, | |
"alignItems": { | |
"type": "static", | |
"content": "center" | |
}, | |
"marginBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"flexDirection": { | |
"type": "static", | |
"content": "row" | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"fontSize": { | |
"type": "static", | |
"content": "1.15rem" | |
}, | |
"marginTop": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"fontWeight": { | |
"type": "static", | |
"content": "300" | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "$" | |
} | |
], | |
"semanticType": "span" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [], | |
"semanticType": "span" | |
} | |
} | |
], | |
"semanticType": "span" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"fontSize": { | |
"type": "static", | |
"content": "4rem" | |
}, | |
"fontWeight": { | |
"type": "static", | |
"content": "700" | |
} | |
}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "0" | |
} | |
], | |
"semanticType": "span" | |
} | |
} | |
], | |
"semanticType": "div" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "container", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"display": { | |
"type": "static", | |
"content": "flex" | |
}, | |
"alignItems": { | |
"type": "static", | |
"content": "flex-start" | |
}, | |
"marginBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-threeunits" | |
} | |
}, | |
"flexDirection": { | |
"type": "static", | |
"content": "column" | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"marginBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-unit" | |
} | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "✔ Full access to design tool" | |
} | |
], | |
"semanticType": "span" | |
} | |
} | |
], | |
"semanticType": "span" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"marginBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-unit" | |
} | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "✔ Publish with Teleport" | |
} | |
], | |
"semanticType": "span" | |
} | |
} | |
], | |
"semanticType": "span" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"marginBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-unit" | |
} | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "✔ Subdomain publish" | |
} | |
], | |
"semanticType": "span" | |
} | |
} | |
], | |
"semanticType": "span" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"marginBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-unit" | |
} | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "✔ Download code" | |
} | |
], | |
"semanticType": "span" | |
} | |
} | |
], | |
"semanticType": "span" | |
} | |
} | |
], | |
"semanticType": "div" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "button", | |
"referencedStyles": { | |
"6bd2b679-67f7-4227-83a3-ea89ec6419e9": { | |
"type": "style-map", | |
"content": { | |
"mapType": "project-referenced", | |
"referenceId": "button" | |
} | |
} | |
}, | |
"abilities": {}, | |
"style": { | |
"color": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-color-gray-white" | |
} | |
}, | |
"marginTop": { | |
"type": "static", | |
"content": "auto" | |
}, | |
"paddingTop": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-unit" | |
} | |
}, | |
"paddingLeft": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"paddingRight": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"paddingBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-unit" | |
} | |
}, | |
"backgroundColor": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-color-gray-black" | |
} | |
} | |
}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "Learn More" | |
} | |
] | |
} | |
} | |
], | |
"semanticType": "div" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "container", | |
"name": "PricingCard", | |
"referencedStyles": { | |
"2eb61348-d9b8-486c-a6da-2d4772461273": { | |
"type": "style-map", | |
"content": { | |
"conditions": [ | |
{ | |
"conditionType": "element-state", | |
"content": "hover" | |
} | |
], | |
"mapType": "inlined", | |
"styles": { | |
"transform": { | |
"type": "static", | |
"content": "scale(1.02)" | |
} | |
} | |
} | |
}, | |
"d83eb5db-d509-4d8e-b3ea-ab00555d9bc1": { | |
"type": "style-map", | |
"content": { | |
"conditions": [ | |
{ | |
"conditionType": "screen-size", | |
"maxWidth": 991 | |
} | |
], | |
"mapType": "inlined", | |
"styles": { | |
"width": { | |
"type": "static", | |
"content": "100%" | |
}, | |
"maxWidth": { | |
"type": "static", | |
"content": "100%" | |
}, | |
"alignItems": { | |
"type": "static", | |
"content": "center" | |
} | |
} | |
} | |
}, | |
"1284ff41-ddec-4fff-be50-00d190082788": { | |
"type": "style-map", | |
"content": { | |
"conditions": [ | |
{ | |
"conditionType": "screen-size", | |
"maxWidth": 767 | |
} | |
], | |
"mapType": "inlined", | |
"styles": { | |
"width": { | |
"type": "static", | |
"content": "100%" | |
}, | |
"maxWidth": { | |
"type": "static", | |
"content": "450px" | |
}, | |
"alignItems": { | |
"type": "static", | |
"content": "center" | |
}, | |
"marginRight": { | |
"type": "static", | |
"content": "0px" | |
}, | |
"marginBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
} | |
} | |
} | |
} | |
}, | |
"abilities": {}, | |
"style": { | |
"width": { | |
"type": "static", | |
"content": "100%" | |
}, | |
"display": { | |
"type": "static", | |
"content": "flex" | |
}, | |
"padding": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"maxWidth": { | |
"type": "static", | |
"content": "450px" | |
}, | |
"minHeight": { | |
"type": "static", | |
"content": "450px" | |
}, | |
"alignItems": { | |
"type": "static", | |
"content": "flex-start" | |
}, | |
"transition": { | |
"type": "static", | |
"content": "0.3s" | |
}, | |
"marginRight": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"flexDirection": { | |
"type": "static", | |
"content": "column" | |
}, | |
"backgroundColor": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-color-gray-white" | |
} | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"fontSize": { | |
"type": "static", | |
"content": "1.5rem" | |
}, | |
"fontWeight": { | |
"type": "static", | |
"content": "600" | |
}, | |
"marginBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"textTransform": { | |
"type": "static", | |
"content": "uppercase" | |
} | |
}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "basic" | |
} | |
], | |
"semanticType": "span" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "container", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"display": { | |
"type": "static", | |
"content": "flex" | |
}, | |
"alignItems": { | |
"type": "static", | |
"content": "center" | |
}, | |
"marginBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"flexDirection": { | |
"type": "static", | |
"content": "row" | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"fontSize": { | |
"type": "static", | |
"content": "1.15rem" | |
}, | |
"marginTop": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"fontWeight": { | |
"type": "static", | |
"content": "300" | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "$" | |
} | |
], | |
"semanticType": "span" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [], | |
"semanticType": "span" | |
} | |
} | |
], | |
"semanticType": "span" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"fontSize": { | |
"type": "static", | |
"content": "4rem" | |
}, | |
"fontWeight": { | |
"type": "static", | |
"content": "700" | |
} | |
}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "9" | |
} | |
], | |
"semanticType": "span" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"fontSize": { | |
"type": "static", | |
"content": "1.15rem" | |
}, | |
"fontStyle": { | |
"type": "static", | |
"content": "normal" | |
}, | |
"marginTop": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"fontWeight": { | |
"type": "static", | |
"content": "300" | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "/ monthly" | |
} | |
], | |
"semanticType": "span" | |
} | |
} | |
], | |
"semanticType": "span" | |
} | |
} | |
], | |
"semanticType": "div" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"color": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-color-gray-500" | |
} | |
}, | |
"fontSize": { | |
"type": "static", | |
"content": "0.75rem" | |
}, | |
"marginBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "Billed annualy or $12 month-to-month." | |
} | |
], | |
"semanticType": "span" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [], | |
"semanticType": "span" | |
} | |
} | |
], | |
"semanticType": "span" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "container", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"display": { | |
"type": "static", | |
"content": "flex" | |
}, | |
"alignItems": { | |
"type": "static", | |
"content": "flex-start" | |
}, | |
"marginBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-threeunits" | |
} | |
}, | |
"flexDirection": { | |
"type": "static", | |
"content": "column" | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"marginBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-unit" | |
} | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "✔ All features of FREE plan" | |
} | |
], | |
"semanticType": "span" | |
} | |
} | |
], | |
"semanticType": "span" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"marginBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-unit" | |
} | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "✔ Connect to custom domains" | |
} | |
], | |
"semanticType": "span" | |
} | |
} | |
], | |
"semanticType": "span" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"marginBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-unit" | |
} | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "✔ Private projects" | |
} | |
], | |
"semanticType": "span" | |
} | |
} | |
], | |
"semanticType": "span" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"marginBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-unit" | |
} | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "✔ No project limitations" | |
} | |
], | |
"semanticType": "span" | |
} | |
} | |
], | |
"semanticType": "span" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"style": { | |
"marginBottom": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-unit" | |
} | |
} | |
}, | |
"children": [ | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "text", | |
"referencedStyles": {}, | |
"abilities": {}, | |
"children": [ | |
{ | |
"type": "static", | |
"content": "✔ Unlimited collabotators" | |
} | |
], | |
"semanticType": "span" | |
} | |
} | |
], | |
"semanticType": "span" | |
} | |
} | |
], | |
"semanticType": "div" | |
} | |
}, | |
{ | |
"type": "element", | |
"content": { | |
"elementType": "button", | |
"referencedStyles": { | |
"b04dd5a2-d42d-4b26-8502-a39fb959acd0": { | |
"type": "style-map", | |
"content": { | |
"mapType": "project-referenced", | |
"referenceId": "button" | |
} | |
} | |
}, | |
"abilities": {}, | |
"style": { | |
"color": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-color-gray-white" | |
} | |
}, | |
"marginTop": { | |
"type": "static", | |
"content": "auto" | |
}, | |
"paddingTop": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-unit" | |
} | |
}, | |
"paddingLeft": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"paddingRight": { | |
"type": "dynamic", | |
"content": { | |
"referenceType": "token", | |
"id": "--dl-space-space-twounits" | |
} | |
}, | |
"paddingBottom": { | |
"type": "dynamic", |