Skip to content
Permalink
development
Switch branches/tags
Go to file
 
 
Cannot retrieve contributors at this time
{
"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",