@kickstartds/ds-agency-premium 1.2.34 → 1.3.0--canary.8.347.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/blog-aside/index.js +1 -0
- package/dist/components/blog-head/index.js +1 -0
- package/dist/components/blog-overview/index.d.ts +4 -1
- package/dist/components/blog-overview/index.js +2 -1
- package/dist/components/blog-post/index.d.ts +4 -1
- package/dist/components/blog-post/index.js +1 -0
- package/dist/components/blog-teaser/index.js +1 -0
- package/dist/components/button-group/index.js +1 -0
- package/dist/components/cta/index.js +1 -0
- package/dist/components/faq/index.js +1 -0
- package/dist/components/feature/index.js +1 -0
- package/dist/components/features/index.js +1 -0
- package/dist/components/footer/index.js +1 -0
- package/dist/components/gallery/index.js +1 -0
- package/dist/components/header/index.js +1 -0
- package/dist/components/headline/index.js +2 -3
- package/dist/components/hero/index.d.ts +6 -3
- package/dist/components/hero/index.js +11 -5
- package/dist/components/image-story/index.d.ts +6 -3
- package/dist/components/image-story/index.js +11 -5
- package/dist/components/image-text/index.js +1 -0
- package/dist/components/logos/index.d.ts +6 -3
- package/dist/components/logos/index.js +11 -5
- package/dist/components/mosaic/index.d.ts +6 -3
- package/dist/components/mosaic/index.js +10 -3
- package/dist/components/page/page.schema.dereffed.json +8 -1
- package/dist/components/page-wrapper/index.js +1 -1
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +47 -43
- package/dist/components/providers/index.js +1 -1
- package/dist/components/section/section.schema.dereffed.json +8 -1
- package/dist/components/slider/index.d.ts +3 -2
- package/dist/components/slider/index.js +2 -1
- package/dist/components/slider/slider.schema.dereffed.json +8 -1
- package/dist/components/stat/index.js +1 -0
- package/dist/components/stats/index.d.ts +6 -3
- package/dist/components/stats/index.js +11 -5
- package/dist/components/teaser-card/index.js +1 -1
- package/dist/components/testimonial/index.js +1 -0
- package/dist/components/testimonials/index.d.ts +7 -4
- package/dist/components/testimonials/index.js +15 -9
- package/dist/components/text/index.js +1 -0
- package/dist/components/video-curtain/index.d.ts +6 -3
- package/dist/components/video-curtain/index.js +11 -5
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +18 -18
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"id": "blog-blog-aside--default",
|
|
4
4
|
"group": "Blog/ Blog Aside",
|
|
5
5
|
"name": "Default",
|
|
6
|
-
"code": "<
|
|
6
|
+
"code": "<BlogAside\n author={{\n byline: 'CEO at Company',\n email: 'jane.smith@example.com',\n image: 'img/people/author-emily.png',\n name: 'Jane Smith',\n twitter: 'jane_smith'\n }}\n date=\"12/30/2022\"\n readingTime=\"5 min read\"\n socialSharing={[\n {\n href: 'https://twitter.com/share?text=The%20Future%20of%20AI&url=https://example.com/blog/the-future-of-ai',\n icon: 'twitter',\n title: 'Share on Twitter'\n },\n {\n href: 'https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog/the-future-of-ai&title=The%20Future%20of%20AI&summary=The%20Future%20of%20AI&source=LinkedIn',\n icon: 'linkedin',\n title: 'Share on LinkedIn'\n }\n ]}\n/>",
|
|
7
7
|
"args": {
|
|
8
8
|
"author": {
|
|
9
9
|
"name": "Jane Smith",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"id": "blog-blog-head--default",
|
|
34
34
|
"group": "Blog/ Blog Head",
|
|
35
35
|
"name": "Default",
|
|
36
|
-
"code": "<
|
|
36
|
+
"code": "<BlogHead\n date=\"12/30/2022\"\n headline=\"The Future of AI\"\n image=\"img/close-up-young-business-team-working.png\"\n tags={[\n 'Technology',\n 'AI'\n ]}\n/>",
|
|
37
37
|
"args": {
|
|
38
38
|
"date": "12/30/2022",
|
|
39
39
|
"tags": [
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"id": "blog-blog-teaser--default",
|
|
50
50
|
"group": "Blog/ Blog Teaser",
|
|
51
51
|
"name": "Default",
|
|
52
|
-
"code": "<
|
|
52
|
+
"code": "<BlogTeaser\n author={{\n image: 'img/people/author-emily.png',\n name: 'Jane Smith',\n title: 'Senior AI Researcher'\n }}\n date=\"12/30/2022\"\n headline=\"The Future of AI\"\n image=\"img/close-up-young-business-team-working.png\"\n link={{\n label: 'Read more',\n url: 'https://example.com'\n }}\n readingTime=\"5 min read\"\n tags={[\n 'Technology',\n 'AI'\n ]}\n teaserText=\"Dive into the future of AI in this detailed blog post. Discover how technology is rapidly evolving, the impact of AI on various industries, and what to expect in the coming years. Learn about the latest advancements, challenges, and the potential solutions that AI brings to the table.\"\n/>",
|
|
53
53
|
"args": {
|
|
54
54
|
"date": "12/30/2022",
|
|
55
55
|
"tags": [
|
|
@@ -709,7 +709,7 @@
|
|
|
709
709
|
"id": "components-faq--dropdown-list",
|
|
710
710
|
"group": "Components/Faq",
|
|
711
711
|
"name": "DropdownList",
|
|
712
|
-
"code": "<
|
|
712
|
+
"code": "<Faq\n questions={[\n {\n answer: 'Experience the speed & scalability unlike anything seen before with our Headless CMS powered websites, web apps & composable architecture.',\n question: 'What are the benefits of investing in a Design System?'\n },\n {\n answer: 'Experience the speed & scalability unlike anything seen before with our Headless CMS powered websites, web apps & composable architecture.',\n question: 'What is a Design System?'\n },\n {\n answer: 'A Headless CMS plays a crucial role in a Design System by providing a content-first approach. It separates the back-end content from the front-end presentation layer, allowing for seamless integration with any design system. This results in a flexible, scalable, and platform-agnostic system that ensures content consistency across all platforms and devices.',\n question: 'What is the role of a Headless CMS in a Design System?'\n }\n ]}\n />",
|
|
713
713
|
"args": {
|
|
714
714
|
"questions": [
|
|
715
715
|
{
|
|
@@ -732,7 +732,7 @@
|
|
|
732
732
|
"id": "components-faq--single-dropdown",
|
|
733
733
|
"group": "Components/Faq",
|
|
734
734
|
"name": "SingleDropdown",
|
|
735
|
-
"code": "<
|
|
735
|
+
"code": "<Faq\n questions={[\n {\n answer: 'Experience the speed & scalability unlike anything seen before with our Headless CMS powered websites, web apps & composable architecture.',\n question: 'What is a Design System?'\n }\n ]}\n />",
|
|
736
736
|
"args": {
|
|
737
737
|
"questions": [
|
|
738
738
|
{
|
|
@@ -747,7 +747,7 @@
|
|
|
747
747
|
"id": "components-features--icon-centered",
|
|
748
748
|
"group": "Components/Features",
|
|
749
749
|
"name": "IconCentered",
|
|
750
|
-
"code": "<
|
|
750
|
+
"code": "<Features\n ctas={{\n style: 'link',\n toggle: true\n }}\n feature={[\n {\n cta: {\n label: 'Learn more',\n style: 'link',\n target: '/feature1',\n toggle: true\n },\n icon: 'home',\n style: 'stack',\n text: 'Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.',\n title: 'Scalable Architecture'\n },\n {\n cta: {\n label: 'Get started',\n style: 'link',\n target: '/feature2',\n toggle: true\n },\n icon: 'map',\n style: 'stack',\n text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n title: 'Efficient Development'\n },\n {\n cta: {\n label: 'Explore',\n style: 'link',\n target: '/feature3',\n toggle: true\n },\n icon: 'person',\n style: 'stack',\n text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n title: 'Consistent UI'\n },\n {\n cta: {\n label: 'Customize',\n style: 'link',\n target: '/feature4',\n toggle: true\n },\n icon: 'star',\n style: 'stack',\n text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n title: 'Customizable Design'\n },\n {\n cta: {\n label: 'Deploy',\n style: 'link',\n target: '/feature5',\n toggle: true\n },\n icon: 'upload',\n style: 'stack',\n text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n title: 'Cloud Ready'\n },\n {\n cta: {\n label: 'Secure',\n style: 'link',\n target: '/feature6',\n toggle: true\n },\n icon: 'login',\n style: 'stack',\n text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n title: 'Secure'\n }\n ]}\n layout=\"largeTiles\"\n style=\"centered\"\n/>",
|
|
751
751
|
"args": {
|
|
752
752
|
"layout": "largeTiles",
|
|
753
753
|
"style": "centered",
|
|
@@ -836,7 +836,7 @@
|
|
|
836
836
|
"id": "components-features--stack-with-button",
|
|
837
837
|
"group": "Components/Features",
|
|
838
838
|
"name": "StackWithButton",
|
|
839
|
-
"code": "<
|
|
839
|
+
"code": "<Features\n ctas={{\n style: 'button',\n toggle: true\n }}\n feature={[\n {\n cta: {\n label: 'Explore',\n style: 'link',\n target: '/feature3',\n toggle: true\n },\n icon: 'person',\n style: 'stack',\n text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n title: 'Consistent UI'\n },\n {\n cta: {\n label: 'Customize',\n style: 'link',\n target: '/feature4',\n toggle: true\n },\n icon: 'star',\n style: 'stack',\n text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n title: 'Customizable Design'\n },\n {\n cta: {\n label: 'Deploy',\n style: 'link',\n target: '/feature5',\n toggle: true\n },\n icon: 'upload',\n style: 'stack',\n text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n title: 'Cloud Ready'\n },\n {\n cta: {\n label: 'Secure',\n style: 'link',\n target: '/feature6',\n toggle: true\n },\n icon: 'login',\n style: 'stack',\n text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n title: 'Secure'\n }\n ]}\n layout=\"smallTiles\"\n style=\"stack\"\n/>",
|
|
840
840
|
"args": {
|
|
841
841
|
"layout": "smallTiles",
|
|
842
842
|
"style": "stack",
|
|
@@ -901,7 +901,7 @@
|
|
|
901
901
|
"id": "components-features--list-view",
|
|
902
902
|
"group": "Components/Features",
|
|
903
903
|
"name": "ListView",
|
|
904
|
-
"code": "<
|
|
904
|
+
"code": "<Features\n ctas={{\n style: 'intext',\n toggle: false\n }}\n feature={[\n {\n cta: {\n label: 'Customize',\n style: 'link',\n target: '/feature4',\n toggle: true\n },\n icon: 'star',\n style: 'stack',\n text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n title: 'Customizable Design'\n },\n {\n cta: {\n label: 'Get started',\n style: 'link',\n target: '/feature2',\n toggle: true\n },\n icon: 'map',\n style: 'stack',\n text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n title: 'Efficient Development'\n },\n {\n cta: {\n label: 'Explore',\n style: 'link',\n target: '/feature3',\n toggle: true\n },\n icon: 'person',\n style: 'stack',\n text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n title: 'Consistent UI'\n },\n {\n cta: {\n label: 'Learn more',\n style: 'link',\n target: '/feature1',\n toggle: true\n },\n icon: 'home',\n style: 'stack',\n text: 'Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.',\n title: 'Scalable Architecture'\n },\n {\n cta: {\n label: 'Deploy',\n style: 'link',\n target: '/feature5',\n toggle: true\n },\n icon: 'upload',\n style: 'stack',\n text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n title: 'Cloud Ready'\n },\n {\n cta: {\n label: 'Secure',\n style: 'link',\n target: '/feature6',\n toggle: true\n },\n icon: 'login',\n style: 'stack',\n text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n title: 'Secure'\n }\n ]}\n layout=\"list\"\n style=\"besideLarge\"\n/>",
|
|
905
905
|
"args": {
|
|
906
906
|
"layout": "list",
|
|
907
907
|
"style": "besideLarge",
|
|
@@ -990,7 +990,7 @@
|
|
|
990
990
|
"id": "components-features--icon-beside-with-link-in-text",
|
|
991
991
|
"group": "Components/Features",
|
|
992
992
|
"name": "IconBesideWithLinkInText",
|
|
993
|
-
"code": "<
|
|
993
|
+
"code": "<Features\n ctas={{\n style: 'intext',\n toggle: true\n }}\n feature={[\n {\n cta: {\n label: 'Learn more',\n style: 'link',\n target: '/feature1',\n toggle: true\n },\n icon: 'home',\n style: 'stack',\n text: 'Our design system allows for a scalable architecture, enabling you to build applications that can grow with your needs.',\n title: 'Scalable Architecture'\n },\n {\n cta: {\n label: 'Get started',\n style: 'link',\n target: '/feature2',\n toggle: true\n },\n icon: 'map',\n style: 'stack',\n text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n title: 'Efficient Development'\n },\n {\n cta: {\n label: 'Explore',\n style: 'link',\n target: '/feature3',\n toggle: true\n },\n icon: 'person',\n style: 'stack',\n text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n title: 'Consistent UI'\n },\n {\n cta: {\n label: 'Customize',\n style: 'link',\n target: '/feature4',\n toggle: true\n },\n icon: 'star',\n style: 'stack',\n text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n title: 'Customizable Design'\n },\n {\n cta: {\n label: 'Deploy',\n style: 'link',\n target: '/feature5',\n toggle: true\n },\n icon: 'upload',\n style: 'stack',\n text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n title: 'Cloud Ready'\n },\n {\n cta: {\n label: 'Secure',\n style: 'link',\n target: '/feature6',\n toggle: true\n },\n icon: 'login',\n style: 'stack',\n text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n title: 'Secure'\n }\n ]}\n layout=\"smallTiles\"\n style=\"intext\"\n/>",
|
|
994
994
|
"args": {
|
|
995
995
|
"layout": "smallTiles",
|
|
996
996
|
"style": "intext",
|
|
@@ -1079,7 +1079,7 @@
|
|
|
1079
1079
|
"id": "components-features--icon-intext-with-link",
|
|
1080
1080
|
"group": "Components/Features",
|
|
1081
1081
|
"name": "IconIntextWithLink",
|
|
1082
|
-
"code": "<
|
|
1082
|
+
"code": "<Features\n ctas={{\n style: 'link',\n toggle: true\n }}\n feature={[\n {\n cta: {\n label: 'Customize',\n style: 'link',\n target: '/feature4',\n toggle: true\n },\n icon: 'star',\n style: 'stack',\n text: 'Our design system is fully customizable, allowing you to tailor the look and feel of your application to match your brand identity.',\n title: 'Customizable Design'\n },\n {\n cta: {\n label: 'Get started',\n style: 'link',\n target: '/feature2',\n toggle: true\n },\n icon: 'map',\n style: 'stack',\n text: 'Experience efficient development like never before. Our design system streamlines the development process, saving you time and resources.',\n title: 'Efficient Development'\n },\n {\n cta: {\n label: 'Explore',\n style: 'link',\n target: '/feature3',\n toggle: true\n },\n icon: 'person',\n style: 'stack',\n text: 'Achieve a consistent UI across different platforms. Our design system ensures your applications maintain a uniform look and feel.',\n title: 'Consistent UI'\n },\n {\n cta: {\n label: 'Deploy',\n style: 'link',\n target: '/feature5',\n toggle: true\n },\n icon: 'upload',\n style: 'stack',\n text: 'Built with modern cloud architectures in mind, our design system is ready to be deployed on any cloud platform.',\n title: 'Cloud Ready'\n },\n {\n cta: {\n label: 'Secure',\n style: 'link',\n target: '/feature6',\n toggle: true\n },\n icon: 'login',\n style: 'stack',\n text: 'Security is our priority. Our design system is built with best security practices to keep your application safe.',\n title: 'Secure'\n }\n ]}\n layout=\"largeTiles\"\n style=\"intext\"\n/>",
|
|
1083
1083
|
"args": {
|
|
1084
1084
|
"layout": "largeTiles",
|
|
1085
1085
|
"style": "intext",
|
|
@@ -1188,7 +1188,7 @@
|
|
|
1188
1188
|
"id": "components-gallery--small-squares-with-lightbox",
|
|
1189
1189
|
"group": "Components/Gallery",
|
|
1190
1190
|
"name": "SmallSquaresWithLightbox",
|
|
1191
|
-
"code": "<
|
|
1191
|
+
"code": "<Gallery\n aspectRatio=\"square\"\n images={[\n {\n alt: 'Alt text Image 1',\n caption: 'Caption Image 1',\n src: 'img/close-up-young-business-team-working.png'\n },\n {\n alt: 'Alt text Image 2',\n caption: 'Caption Image 2',\n src: 'img/low-angle-tall-building-with-many-windows_23-2148230392.png'\n },\n {\n alt: 'Alt text Image 3',\n caption: 'Caption Image 3',\n src: 'img/full-shot-different-people-working-together.png'\n },\n {\n alt: 'Alt text Image 4',\n caption: 'Caption Image 4',\n src: 'img/top-view-desk-with-keyboard-drawing-pad.png'\n },\n {\n alt: 'Alt text Image 5',\n caption: 'Caption Image 5',\n src: 'img/people-brainstorming-work-meeting.png'\n },\n {\n alt: 'Alt text Image 6',\n caption: 'Caption Image 6',\n src: 'img/view-modern-office.jpg'\n },\n {\n alt: 'Alt text Image 7',\n caption: 'Caption Image 7',\n src: 'img/colleagues-work-office-using-computers-looking-aside.png'\n }\n ]}\n layout=\"smallTiles\"\n lightbox\n/>",
|
|
1192
1192
|
"args": {
|
|
1193
1193
|
"images": [
|
|
1194
1194
|
{
|
|
@@ -1237,7 +1237,7 @@
|
|
|
1237
1237
|
"id": "components-gallery--large-landscape-tiles",
|
|
1238
1238
|
"group": "Components/Gallery",
|
|
1239
1239
|
"name": "LargeLandscapeTiles",
|
|
1240
|
-
"code": "<
|
|
1240
|
+
"code": "<Gallery\n aspectRatio=\"landscape\"\n images={[\n {\n alt: 'Alt text Image 1',\n caption: 'Caption Image 1',\n src: 'img/close-up-young-business-team-working.png'\n },\n {\n alt: 'Alt text Image 2',\n caption: 'Caption Image 2',\n src: 'img/low-angle-tall-building-with-many-windows_23-2148230392.png'\n },\n {\n alt: 'Alt text Image 3',\n caption: 'Caption Image 3',\n src: 'img/full-shot-different-people-working-together.png'\n },\n {\n alt: 'Alt text Image 4',\n caption: 'Caption Image 4',\n src: 'img/top-view-desk-with-keyboard-drawing-pad.png'\n },\n {\n alt: 'Alt text Image 5',\n caption: 'Caption Image 5',\n src: 'img/people-brainstorming-work-meeting.png'\n },\n {\n alt: 'Alt text Image 6',\n caption: 'Caption Image 6',\n src: 'img/view-modern-office.jpg'\n }\n ]}\n layout=\"largeTiles\"\n/>",
|
|
1241
1241
|
"args": {
|
|
1242
1242
|
"images": [
|
|
1243
1243
|
{
|
|
@@ -1281,7 +1281,7 @@
|
|
|
1281
1281
|
"id": "components-gallery--free-aspect-ratio",
|
|
1282
1282
|
"group": "Components/Gallery",
|
|
1283
1283
|
"name": "FreeAspectRatio",
|
|
1284
|
-
"code": "<
|
|
1284
|
+
"code": "<Gallery\n aspectRatio=\"unset\"\n images={[\n {\n alt: 'Alt text Image 1',\n caption: 'Caption Image 1',\n src: 'img/close-up-young-business-team-working.png'\n },\n {\n alt: 'Alt text Image 2',\n caption: 'Caption Image 2',\n src: 'img/low-angle-tall-building-with-many-windows_23-2148230392.png'\n },\n {\n alt: 'Alt text Image 3',\n caption: 'Caption Image 3',\n src: 'img/full-shot-different-people-working-together.png'\n },\n {\n alt: 'Alt text Image 4',\n caption: 'Caption Image 4',\n src: 'img/top-view-desk-with-keyboard-drawing-pad.png'\n },\n {\n alt: 'Alt text Image 5',\n caption: 'Caption Image 5',\n src: 'img/people-brainstorming-work-meeting.png'\n },\n {\n alt: 'Alt text Image 6',\n caption: 'Caption Image 6',\n src: 'img/view-modern-office.jpg'\n },\n {\n alt: 'Alt text Image 7',\n caption: 'Caption Image 7',\n src: 'img/colleagues-work-office-using-computers-looking-aside.png'\n }\n ]}\n layout=\"smallTiles\"\n lightbox\n/>",
|
|
1285
1285
|
"args": {
|
|
1286
1286
|
"images": [
|
|
1287
1287
|
{
|
|
@@ -1330,7 +1330,7 @@
|
|
|
1330
1330
|
"id": "components-gallery--stack-landscape",
|
|
1331
1331
|
"group": "Components/Gallery",
|
|
1332
1332
|
"name": "StackLandscape",
|
|
1333
|
-
"code": "<
|
|
1333
|
+
"code": "<Gallery\n aspectRatio=\"landscape\"\n images={[\n {\n alt: 'Alt text Image 1',\n caption: 'Caption Image 1',\n src: 'img/close-up-young-business-team-working.png'\n },\n {\n alt: 'Alt text Image 2',\n caption: 'Caption Image 2',\n src: 'img/top-view-desk-with-keyboard-drawing-pad.png'\n },\n {\n alt: 'Alt text Image 3',\n caption: 'Caption Image 3',\n src: 'img/people-brainstorming-work-meeting.png'\n }\n ]}\n layout=\"stack\"\n/>",
|
|
1334
1334
|
"args": {
|
|
1335
1335
|
"images": [
|
|
1336
1336
|
{
|
|
@@ -1642,7 +1642,7 @@
|
|
|
1642
1642
|
"id": "components-image-text--beside-right-layout",
|
|
1643
1643
|
"group": "Components/Image Text",
|
|
1644
1644
|
"name": "BesideRightLayout",
|
|
1645
|
-
"code": "<
|
|
1645
|
+
"code": "<ImageText\n image={{\n alt: 'Agency',\n src: 'img/close-up-young-business-team-working.png'\n }}\n layout=\"beside-right\"\n text=\"We prioritize efficiency without sacrificing quality. Our secret? A groundbreaking, code-first, open-source framework for [building design systems](#).\n\nThis tool expedites our **development process**, saving you precious time and enabling us to deliver superior results more quickly. With this framework, your design system aspirations can be realized faster than ever before.\n\n_Experience the power of streamlined development and see the difference it can make in your projects._\"\n/>",
|
|
1646
1646
|
"args": {
|
|
1647
1647
|
"text": "We prioritize efficiency without sacrificing quality. Our secret? A groundbreaking, code-first, open-source framework for [building design systems](#).\n\nThis tool expedites our **development process**, saving you precious time and enabling us to deliver superior results more quickly. With this framework, your design system aspirations can be realized faster than ever before.\n\n_Experience the power of streamlined development and see the difference it can make in your projects._",
|
|
1648
1648
|
"highlightText": false,
|
|
@@ -1658,7 +1658,7 @@
|
|
|
1658
1658
|
"id": "components-image-text--above-layout",
|
|
1659
1659
|
"group": "Components/Image Text",
|
|
1660
1660
|
"name": "AboveLayout",
|
|
1661
|
-
"code": "<
|
|
1661
|
+
"code": "<ImageText\n image={{\n alt: 'Agency',\n src: 'img/close-up-young-business-team-working.png'\n }}\n layout=\"above\"\n text=\"We prioritize efficiency without sacrificing quality. Our secret? A groundbreaking, code-first, open-source framework for [building design systems](#).\n\nThis tool expedites our **development process**, saving you precious time and enabling us to deliver superior results more quickly. With this framework, your design system aspirations can be realized faster than ever before.\n\n_Experience the power of streamlined development and see the difference it can make in your projects._\"\n/>",
|
|
1662
1662
|
"args": {
|
|
1663
1663
|
"text": "We prioritize efficiency without sacrificing quality. Our secret? A groundbreaking, code-first, open-source framework for [building design systems](#).\n\nThis tool expedites our **development process**, saving you precious time and enabling us to deliver superior results more quickly. With this framework, your design system aspirations can be realized faster than ever before.\n\n_Experience the power of streamlined development and see the difference it can make in your projects._",
|
|
1664
1664
|
"highlightText": false,
|
|
@@ -2028,7 +2028,7 @@
|
|
|
2028
2028
|
"id": "layout-section--cards",
|
|
2029
2029
|
"group": "Layout/Section",
|
|
2030
2030
|
"name": "Cards",
|
|
2031
|
-
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'tile',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <
|
|
2031
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'tile',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2032
2032
|
"args": {
|
|
2033
2033
|
"width": "default",
|
|
2034
2034
|
"style": "default",
|
|
@@ -2059,7 +2059,7 @@
|
|
|
2059
2059
|
"id": "layout-section--slider",
|
|
2060
2060
|
"group": "Layout/Section",
|
|
2061
2061
|
"name": "Slider",
|
|
2062
|
-
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'slider',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n large: false,\n text: 'Section headline',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <
|
|
2062
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'slider',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n large: false,\n text: 'Section headline',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2063
2063
|
"args": {
|
|
2064
2064
|
"width": "default",
|
|
2065
2065
|
"style": "default",
|
|
@@ -2089,7 +2089,7 @@
|
|
|
2089
2089
|
"id": "layout-section--inverted",
|
|
2090
2090
|
"group": "Layout/Section",
|
|
2091
2091
|
"name": "Inverted",
|
|
2092
|
-
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'tile',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n inverted\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <
|
|
2092
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'tile',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n inverted\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2093
2093
|
"args": {
|
|
2094
2094
|
"width": "default",
|
|
2095
2095
|
"style": "default",
|
|
@@ -2120,7 +2120,7 @@
|
|
|
2120
2120
|
"id": "layout-section--spotlight",
|
|
2121
2121
|
"group": "Layout/Section",
|
|
2122
2122
|
"name": "Spotlight",
|
|
2123
|
-
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'tile',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n spotlight\n style=\"default\"\n width=\"default\"\n>\n <
|
|
2123
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'tile',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n spotlight\n style=\"default\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2124
2124
|
"args": {
|
|
2125
2125
|
"width": "default",
|
|
2126
2126
|
"style": "default",
|
|
@@ -2151,7 +2151,7 @@
|
|
|
2151
2151
|
"id": "layout-section--stagelights",
|
|
2152
2152
|
"group": "Layout/Section",
|
|
2153
2153
|
"name": "Stagelights",
|
|
2154
|
-
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'tile',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"stagelights\"\n width=\"default\"\n>\n <
|
|
2154
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'tile',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"stagelights\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2155
2155
|
"args": {
|
|
2156
2156
|
"width": "default",
|
|
2157
2157
|
"style": "stagelights",
|
|
@@ -2183,7 +2183,7 @@
|
|
|
2183
2183
|
"id": "layout-section--accent-background",
|
|
2184
2184
|
"group": "Layout/Section",
|
|
2185
2185
|
"name": "AccentBackground",
|
|
2186
|
-
"code": "<Section\n backgroundColor=\"accent\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'tile',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <
|
|
2186
|
+
"code": "<Section\n backgroundColor=\"accent\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'tile',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2187
2187
|
"args": {
|
|
2188
2188
|
"width": "default",
|
|
2189
2189
|
"style": "default",
|
|
@@ -2215,7 +2215,7 @@
|
|
|
2215
2215
|
"id": "layout-section--bold-background",
|
|
2216
2216
|
"group": "Layout/Section",
|
|
2217
2217
|
"name": "BoldBackground",
|
|
2218
|
-
"code": "<Section\n backgroundColor=\"bold\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'tile',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <
|
|
2218
|
+
"code": "<Section\n backgroundColor=\"bold\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'tile',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2219
2219
|
"args": {
|
|
2220
2220
|
"width": "default",
|
|
2221
2221
|
"style": "default",
|
|
@@ -2247,7 +2247,7 @@
|
|
|
2247
2247
|
"id": "layout-section--colorful-gradient",
|
|
2248
2248
|
"group": "Layout/Section",
|
|
2249
2249
|
"name": "ColorfulGradient",
|
|
2250
|
-
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'tile',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"horizontalGradient\"\n width=\"default\"\n>\n <
|
|
2250
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'tile',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"horizontalGradient\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2251
2251
|
"args": {
|
|
2252
2252
|
"width": "default",
|
|
2253
2253
|
"style": "horizontalGradient",
|
|
@@ -2279,7 +2279,7 @@
|
|
|
2279
2279
|
"id": "layout-section--with-buttons",
|
|
2280
2280
|
"group": "Layout/Section",
|
|
2281
2281
|
"name": "WithButtons",
|
|
2282
|
-
"code": "<Section\n backgroundColor=\"default\"\n buttons={[\n {\n disabled: false,\n icon: 'arrow-right',\n label: 'All Showcases',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n icon: 'date',\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n }\n ]}\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'default',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <
|
|
2282
|
+
"code": "<Section\n backgroundColor=\"default\"\n buttons={[\n {\n disabled: false,\n icon: 'arrow-right',\n label: 'All Showcases',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n icon: 'date',\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n }\n ]}\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'default',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2283
2283
|
"args": {
|
|
2284
2284
|
"width": "default",
|
|
2285
2285
|
"style": "default",
|
|
@@ -2326,7 +2326,7 @@
|
|
|
2326
2326
|
"id": "layout-section--tile-layout",
|
|
2327
2327
|
"group": "Layout/Section",
|
|
2328
2328
|
"name": "TileLayout",
|
|
2329
|
-
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'tile',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"max\"\n>\n <
|
|
2329
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'tile',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"max\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n</Section>",
|
|
2330
2330
|
"args": {
|
|
2331
2331
|
"width": "max",
|
|
2332
2332
|
"style": "default",
|
|
@@ -2358,7 +2358,7 @@
|
|
|
2358
2358
|
"id": "layout-section--flex-layout",
|
|
2359
2359
|
"group": "Layout/Section",
|
|
2360
2360
|
"name": "FlexLayout",
|
|
2361
|
-
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'default',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"max\"\n>\n <
|
|
2361
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'default',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"max\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n</Section>",
|
|
2362
2362
|
"args": {
|
|
2363
2363
|
"width": "max",
|
|
2364
2364
|
"style": "default",
|
|
@@ -2390,7 +2390,7 @@
|
|
|
2390
2390
|
"id": "layout-section--list-layout",
|
|
2391
2391
|
"group": "Layout/Section",
|
|
2392
2392
|
"name": "ListLayout",
|
|
2393
|
-
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <
|
|
2393
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2394
2394
|
"args": {
|
|
2395
2395
|
"width": "default",
|
|
2396
2396
|
"style": "default",
|
|
@@ -2422,14 +2422,15 @@
|
|
|
2422
2422
|
"id": "layout-slider--with-arrows",
|
|
2423
2423
|
"group": "Layout/Slider",
|
|
2424
2424
|
"name": "WithArrows",
|
|
2425
|
-
"code": "<
|
|
2425
|
+
"code": "<No Display Name\n arrows\n equalHeight\n gap={15}\n nav\n typeProp=\"carousel\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'View page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n imageRatio=\"unset\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'View page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n imageRatio=\"unset\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'View page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n imageRatio=\"unset\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</No Display Name>",
|
|
2426
2426
|
"args": {
|
|
2427
2427
|
"autoplay": false,
|
|
2428
2428
|
"nav": true,
|
|
2429
2429
|
"teaseNeighbours": false,
|
|
2430
2430
|
"equalHeight": true,
|
|
2431
2431
|
"gap": 15,
|
|
2432
|
-
"arrows": true
|
|
2432
|
+
"arrows": true,
|
|
2433
|
+
"typeProp": "carousel"
|
|
2433
2434
|
},
|
|
2434
2435
|
"screenshot": "img/screenshots/layout-slider--with-arrows.png"
|
|
2435
2436
|
},
|
|
@@ -2437,14 +2438,15 @@
|
|
|
2437
2438
|
"id": "layout-slider--with-teased-neighbours",
|
|
2438
2439
|
"group": "Layout/Slider",
|
|
2439
2440
|
"name": "WithTeasedNeighbours",
|
|
2440
|
-
"code": "<
|
|
2441
|
+
"code": "<No Display Name\n arrows\n equalHeight\n gap={15}\n nav\n teaseNeighbours\n typeProp=\"carousel\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'View page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n imageRatio=\"unset\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'View page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n imageRatio=\"unset\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'View page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n imageRatio=\"unset\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</No Display Name>",
|
|
2441
2442
|
"args": {
|
|
2442
2443
|
"autoplay": false,
|
|
2443
2444
|
"nav": true,
|
|
2444
2445
|
"teaseNeighbours": true,
|
|
2445
2446
|
"equalHeight": true,
|
|
2446
2447
|
"gap": 15,
|
|
2447
|
-
"arrows": true
|
|
2448
|
+
"arrows": true,
|
|
2449
|
+
"typeProp": "carousel"
|
|
2448
2450
|
},
|
|
2449
2451
|
"screenshot": "img/screenshots/layout-slider--with-teased-neighbours.png"
|
|
2450
2452
|
},
|
|
@@ -2452,14 +2454,15 @@
|
|
|
2452
2454
|
"id": "layout-slider--with-nav",
|
|
2453
2455
|
"group": "Layout/Slider",
|
|
2454
2456
|
"name": "WithNav",
|
|
2455
|
-
"code": "<
|
|
2457
|
+
"code": "<No Display Name\n arrows\n equalHeight\n gap={15}\n nav\n typeProp=\"carousel\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'View page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n imageRatio=\"unset\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'View page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n imageRatio=\"unset\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'View page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n imageRatio=\"unset\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</No Display Name>",
|
|
2456
2458
|
"args": {
|
|
2457
2459
|
"autoplay": false,
|
|
2458
2460
|
"nav": true,
|
|
2459
2461
|
"teaseNeighbours": false,
|
|
2460
2462
|
"equalHeight": true,
|
|
2461
2463
|
"gap": 15,
|
|
2462
|
-
"arrows": true
|
|
2464
|
+
"arrows": true,
|
|
2465
|
+
"typeProp": "carousel"
|
|
2463
2466
|
},
|
|
2464
2467
|
"screenshot": "img/screenshots/layout-slider--with-nav.png"
|
|
2465
2468
|
},
|
|
@@ -2467,14 +2470,15 @@
|
|
|
2467
2470
|
"id": "layout-slider--with-autoplay",
|
|
2468
2471
|
"group": "Layout/Slider",
|
|
2469
2472
|
"name": "WithAutoplay",
|
|
2470
|
-
"code": "<
|
|
2473
|
+
"code": "<No Display Name\n arrows\n autoplay\n equalHeight\n gap={15}\n nav\n typeProp=\"carousel\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'View page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n imageRatio=\"unset\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'View page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n imageRatio=\"unset\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'View page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n imageRatio=\"unset\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</No Display Name>",
|
|
2471
2474
|
"args": {
|
|
2472
2475
|
"autoplay": true,
|
|
2473
2476
|
"nav": true,
|
|
2474
2477
|
"teaseNeighbours": false,
|
|
2475
2478
|
"equalHeight": true,
|
|
2476
2479
|
"gap": 15,
|
|
2477
|
-
"arrows": true
|
|
2480
|
+
"arrows": true,
|
|
2481
|
+
"typeProp": "carousel"
|
|
2478
2482
|
},
|
|
2479
2483
|
"screenshot": "img/screenshots/layout-slider--with-autoplay.png"
|
|
2480
2484
|
},
|
|
@@ -2529,7 +2533,7 @@
|
|
|
2529
2533
|
"id": "components-teaser-card--product-tiles",
|
|
2530
2534
|
"group": "Components/Teaser Card",
|
|
2531
2535
|
"name": "ProductTiles",
|
|
2532
|
-
"code": "<
|
|
2536
|
+
"code": "<TeaserCard\n button={{\n chevron: false,\n hidden: true,\n label: 'Go to page'\n }}\n headline=\"Castaway\"\n image=\"img/logos/castaway.svg\"\n imageRatio=\"wide\"\n layout=\"stack\"\n target=\"#\"\n text=\"Transforming Ideas into Code\"\n/>",
|
|
2533
2537
|
"args": {
|
|
2534
2538
|
"layout": "stack",
|
|
2535
2539
|
"button": {
|
|
@@ -2549,7 +2553,7 @@
|
|
|
2549
2553
|
"id": "components-teaser-card--page-navigation",
|
|
2550
2554
|
"group": "Components/Teaser Card",
|
|
2551
2555
|
"name": "PageNavigation",
|
|
2552
|
-
"code": "<
|
|
2556
|
+
"code": "<TeaserCard\n button={{\n chevron: false,\n hidden: false,\n label: 'Read more'\n }}\n headline=\"Design System Services\"\n image=\"img/02.jpg\"\n imageRatio=\"landscape\"\n layout=\"stack\"\n target=\"#\"\n text=\"Experience the speed & scalability unlike anything seen before with our Headless CMS powered websites, web apps & composable architecture.\"\n/>",
|
|
2553
2557
|
"args": {
|
|
2554
2558
|
"layout": "stack",
|
|
2555
2559
|
"button": {
|
|
@@ -2569,7 +2573,7 @@
|
|
|
2569
2573
|
"id": "components-teaser-card--showcase-preview",
|
|
2570
2574
|
"group": "Components/Teaser Card",
|
|
2571
2575
|
"name": "ShowcasePreview",
|
|
2572
|
-
"code": "<
|
|
2576
|
+
"code": "<TeaserCard\n button={{\n chevron: false,\n hidden: false,\n label: 'View showcase'\n }}\n headline=\"Transformation Love Story\"\n image=\"img/showcases/comp_tfe01.jpg\"\n imageRatio=\"wide\"\n label=\"Tech\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n/>",
|
|
2573
2577
|
"args": {
|
|
2574
2578
|
"layout": "row",
|
|
2575
2579
|
"button": {
|
|
@@ -2796,7 +2800,7 @@
|
|
|
2796
2800
|
"id": "components-text--single-column",
|
|
2797
2801
|
"group": "Components/Text",
|
|
2798
2802
|
"name": "SingleColumn",
|
|
2799
|
-
"code": "<
|
|
2803
|
+
"code": "<Text\n align=\"left\"\n layout=\"singleColumn\"\n text=\"We prioritize efficiency without sacrificing quality. Our secret? A groundbreaking, code-first, open-source framework for [building design systems](#).\n\nThis tool expedites our **development process**, saving you precious time and enabling us to deliver superior results more quickly. With this framework, your design system aspirations can be realized faster than ever before.\n\n_Experience the power of streamlined development and see the difference it can make in your projects._\"\n/>",
|
|
2800
2804
|
"args": {
|
|
2801
2805
|
"text": "We prioritize efficiency without sacrificing quality. Our secret? A groundbreaking, code-first, open-source framework for [building design systems](#).\n\nThis tool expedites our **development process**, saving you precious time and enabling us to deliver superior results more quickly. With this framework, your design system aspirations can be realized faster than ever before.\n\n_Experience the power of streamlined development and see the difference it can make in your projects._",
|
|
2802
2806
|
"layout": "singleColumn",
|
|
@@ -2809,7 +2813,7 @@
|
|
|
2809
2813
|
"id": "components-text--centered",
|
|
2810
2814
|
"group": "Components/Text",
|
|
2811
2815
|
"name": "Centered",
|
|
2812
|
-
"code": "<
|
|
2816
|
+
"code": "<Text\n align=\"center\"\n layout=\"singleColumn\"\n text=\"We prioritize efficiency without sacrificing quality. Our secret? A groundbreaking, code-first, open-source framework for [building design systems](#).\n\nThis tool expedites our **development process**, saving you precious time and enabling us to deliver superior results more quickly. With this framework, your design system aspirations can be realized faster than ever before.\n\n_Experience the power of streamlined development and see the difference it can make in your projects._\"\n/>",
|
|
2813
2817
|
"args": {
|
|
2814
2818
|
"text": "We prioritize efficiency without sacrificing quality. Our secret? A groundbreaking, code-first, open-source framework for [building design systems](#).\n\nThis tool expedites our **development process**, saving you precious time and enabling us to deliver superior results more quickly. With this framework, your design system aspirations can be realized faster than ever before.\n\n_Experience the power of streamlined development and see the difference it can make in your projects._",
|
|
2815
2819
|
"layout": "singleColumn",
|
|
@@ -2822,7 +2826,7 @@
|
|
|
2822
2826
|
"id": "components-text--multi-column",
|
|
2823
2827
|
"group": "Components/Text",
|
|
2824
2828
|
"name": "MultiColumn",
|
|
2825
|
-
"code": "<
|
|
2829
|
+
"code": "<Text\n align=\"left\"\n layout=\"multiColumn\"\n text=\"We prioritize efficiency without sacrificing quality. Our secret? A groundbreaking, code-first, open-source framework for [building design systems](#).\nThis tool expedites our **development process**, saving you precious time and enabling us to deliver superior results more quickly. With this framework, your design system aspirations can be realized faster than ever before.\n_Experience the power of streamlined development and see the difference it can make in your projects._\"\n/>",
|
|
2826
2830
|
"args": {
|
|
2827
2831
|
"text": "We prioritize efficiency without sacrificing quality. Our secret? A groundbreaking, code-first, open-source framework for [building design systems](#).\nThis tool expedites our **development process**, saving you precious time and enabling us to deliver superior results more quickly. With this framework, your design system aspirations can be realized faster than ever before.\n_Experience the power of streamlined development and see the difference it can make in your projects._",
|
|
2828
2832
|
"layout": "multiColumn",
|
|
@@ -2835,7 +2839,7 @@
|
|
|
2835
2839
|
"id": "components-text--highlight",
|
|
2836
2840
|
"group": "Components/Text",
|
|
2837
2841
|
"name": "Highlight",
|
|
2838
|
-
"code": "<
|
|
2842
|
+
"code": "<Text\n align=\"left\"\n highlightText\n layout=\"singleColumn\"\n text=\"We prioritize efficiency without sacrificing quality. Our secret? A groundbreaking, code-first, open-source framework for [building design systems](#).\n\nThis tool expedites our **development process**, saving you precious time and enabling us to deliver superior results more quickly. With this framework, your design system aspirations can be realized faster than ever before.\n\n_Experience the power of streamlined development and see the difference it can make in your projects._\"\n/>",
|
|
2839
2843
|
"args": {
|
|
2840
2844
|
"text": "We prioritize efficiency without sacrificing quality. Our secret? A groundbreaking, code-first, open-source framework for [building design systems](#).\n\nThis tool expedites our **development process**, saving you precious time and enabling us to deliver superior results more quickly. With this framework, your design system aspirations can be realized faster than ever before.\n\n_Experience the power of streamlined development and see the difference it can make in your projects._",
|
|
2841
2845
|
"layout": "singleColumn",
|