From 82b5d3ec6c530b7aedede5d2dd18a6e9d9b59700 Mon Sep 17 00:00:00 2001 From: "knapsack-cloud[bot]" <57459571+knapsack-cloud[bot]@users.noreply.github.com> Date: Thu, 10 Oct 2024 14:41:31 +0000 Subject: [PATCH] Commit - Jon --- data/blocks/block.6-qXFUJ0eH.json | 114 ------------------ data/blocks/block.7Y7v_lnZJh.json | 57 +++++---- data/blocks/block.Iu6QKbz80R.json | 6 +- data/blocks/block.MNGWs0nntp.json | 20 +++ data/blocks/block.Mkc8wNAu7U.json | 20 +++ data/blocks/block.UCmN8ilU0P.json | 59 +++++++++ data/blocks/block.UYgCiKRxUa.json | 5 + data/blocks/block.UeHAx3xG.json | 19 +++ data/blocks/block.YkyHkvdzp_.json | 62 ++++++---- data/blocks/block.ZNVnI7GF14.json | 7 ++ data/blocks/block.oa-y7sAwqr.json | 2 +- data/blocks/block.tKu7ybkY7K.json | 5 + data/blocks/block.tY2rt92bob.json | 102 ++++------------ data/db.yml | 51 +++++--- data/demos/demo.2ysfvm4ShE.json | 6 +- ...ack.custom-page.Page-Level-Prototyping.yml | 2 +- data/knapsack.custom-page.font.yml | 4 + data/knapsack.custom-page.homepage.yml | 13 +- ...apsack.custom-page.welcome-to-knapsack.yml | 32 +++-- data/knapsack.design-tokens.json | 24 ++-- data/knapsack.navs.yml | 12 +- data/knapsack.pattern.button.json | 40 +++++- 22 files changed, 370 insertions(+), 292 deletions(-) delete mode 100644 data/blocks/block.6-qXFUJ0eH.json create mode 100644 data/blocks/block.MNGWs0nntp.json create mode 100644 data/blocks/block.Mkc8wNAu7U.json create mode 100644 data/blocks/block.UCmN8ilU0P.json create mode 100644 data/blocks/block.UYgCiKRxUa.json create mode 100644 data/blocks/block.UeHAx3xG.json create mode 100644 data/blocks/block.ZNVnI7GF14.json create mode 100644 data/blocks/block.tKu7ybkY7K.json create mode 100644 data/knapsack.custom-page.font.yml diff --git a/data/blocks/block.6-qXFUJ0eH.json b/data/blocks/block.6-qXFUJ0eH.json deleted file mode 100644 index 4d5ac21a..00000000 --- a/data/blocks/block.6-qXFUJ0eH.json +++ /dev/null @@ -1,114 +0,0 @@ -{ - "blockType": "text-editor", - "data": { - "content": { - "type": "doc", - "content": [ - { - "type": "heading", - "attrs": { - "level": 1, - "textAlign": "left" - }, - "content": [ - { - "text": "Build better together", - "type": "text" - } - ] - }, - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Knapsack is the next generation of design systems - flexible, scalable, and highly collaborative. Knapsack powers unified product experiences by providing a central source of truth for everyone on your team. Document decisions, create tokens, build prototypes, and ship code directly to your app or website. You'll see a new level of collaboration between teams and increase velocity in just a few weeks with Knapsack's ready-to-use infrastructure. Unite design and engineering in one powerful tool that will scale with your organization for years to come.", - "type": "text" - } - ] - }, - { - "type": "paragraph", - "attrs": { - "textAlign": "left" - }, - "content": [ - { - "text": "Visit our ", - "type": "text" - }, - { - "text": "website", - "type": "text", - "marks": [ - { - "type": "link", - "attrs": { - "rel": "noopener noreferrer nofollow", - "href": "https://knapsack.cloud", - "class": null, - "target": "_blank" - } - }, - { - "type": "bold" - } - ] - }, - { - "text": ", follow us on ", - "type": "text" - }, - { - "text": "Twitter", - "type": "text", - "marks": [ - { - "type": "link", - "attrs": { - "rel": "noopener noreferrer nofollow", - "href": "https://twitter.com/knapsackcloud", - "class": null, - "target": "_blank" - } - }, - { - "type": "bold" - } - ] - }, - { - "text": ", or check out our ", - "type": "text" - }, - { - "text": "blog", - "type": "text", - "marks": [ - { - "type": "link", - "attrs": { - "rel": "noopener noreferrer nofollow", - "href": "https://www.knapsack.cloud/blog", - "class": null, - "target": "_blank" - } - }, - { - "type": "bold" - } - ] - }, - { - "text": " to learn more!", - "type": "text" - } - ] - } - ] - } - }, - "id": "6-qXFUJ0eH" -} diff --git a/data/blocks/block.7Y7v_lnZJh.json b/data/blocks/block.7Y7v_lnZJh.json index b31847df..c6134ed1 100644 --- a/data/blocks/block.7Y7v_lnZJh.json +++ b/data/blocks/block.7Y7v_lnZJh.json @@ -2,62 +2,67 @@ "blockType": "text-editor", "data": { "content": { + "type": "doc", "content": [ { + "type": "heading", "attrs": { - "level": 1 + "level": 1, + "textAlign": "left" }, "content": [ { - "text": "About Us", + "text": "Accessdfgsdsibility", "type": "text" } - ], - "type": "heading" - }, - { - "content": [ - { - "text": "We're a passionate group of designers, engineers, and former design system consultants. Our team has helped some of the largest companies build and implement design systems that solve their unique challenges. Our mission is to simplify the design system experience so teams can spend more time creating and less time rebuilding or struggling to keep their design and code in sync.", - "type": "text" - } - ], - "type": "paragraph" + ] }, { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, "content": [ { - "text": "We're backed by Google, Slack, and other world-class investors who see our vision for the future.", + "text": "As part of Indeed’s csdfgommitment to diversity, equity, inclusiosdfgsdfgsdfgn, and belonging, we prioritize reaching all of our users. We don’t just want to do what’s required. We want to be on the forefront. We strive to set an example for other organizations.", "type": "text" } - ], - "type": "paragraph" + ] }, { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, "content": [ { - "text": "Our focus is modernizing digital production through collaborative tooling and workflows that ", + "text": "If you need guidance beyond this we suggest you reference the ", "type": "text" }, { + "text": "W3C Web Content Accessibility Guidelines", + "type": "text", "marks": [ { - "type": "bold" + "type": "link", + "attrs": { + "rel": "noopener", + "href": "https://www.w3.org/TR/WCAG21/", + "class": null, + "target": "_blank" + } } - ], - "text": "make it easy to reuse code", - "type": "text" + ] }, { "text": ".", "type": "text" } - ], - "type": "paragraph" + ] } - ], - "type": "doc" + ] } }, - "id": "7Y7v_lnZJh" + "id": "7Y7v_lnZJh", + "size": "medium" } diff --git a/data/blocks/block.Iu6QKbz80R.json b/data/blocks/block.Iu6QKbz80R.json index c35f25b6..082f2edb 100644 --- a/data/blocks/block.Iu6QKbz80R.json +++ b/data/blocks/block.Iu6QKbz80R.json @@ -12,7 +12,7 @@ "name": "Design Tokens", "path": "/pages/Design-Tokens" }, - "image": "https://knapsack.imgix.net/site/public-demo/46643-lg7przfyjvpng", + "image": "https://knapsack.imgix.net/site/public-demo/screenshot-2024-10-10-at-83550-am-bljiqpnl9zpng", "title": "🎨 Design Tokens", "description": "View and manage building blocks for our digital brand." }, @@ -22,7 +22,7 @@ "name": "Components Overview", "path": "/pages/Components-Overview" }, - "image": "https://knapsack.imgix.net/site/public-demo/materialillustrationabs-7b98tg-tfnpng", + "image": "https://knapsack.imgix.net/site/public-demo/set-up-an-internal-ux-mentorship-program-tips-hero-qbqc4zcuchwebp", "title": "🧩 Components Overview", "description": "Find and understand UI elements in design and code." }, @@ -32,7 +32,7 @@ "name": "Page-Level Prototyping", "path": "/pages/Page-Level-Prototyping" }, - "image": "https://knapsack.imgix.net/site/public-demo/lego-rainbow-with-cloud-flat-ufftefvcdujpg", + "image": "https://knapsack.imgix.net/site/public-demo/indeed2021serpcrop01-415tcdmxxvpng", "title": "🖼️ Page-Level Prototyping", "description": "Assemble modular elements into UIs based in code." } diff --git a/data/blocks/block.MNGWs0nntp.json b/data/blocks/block.MNGWs0nntp.json new file mode 100644 index 00000000..470f1ac1 --- /dev/null +++ b/data/blocks/block.MNGWs0nntp.json @@ -0,0 +1,20 @@ +{ + "id": "MNGWs0nntp", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "image", + "attrs": { + "alt": "", + "src": "https://knapsack.imgix.net/site/public-demo/indeed-interview-and-product-collage-ok3kf3n1kvwebp", + "title": "Design System Infrastructure with Knapsack" + } + } + ] + } + }, + "blockType": "text-editor", + "size": "medium" +} diff --git a/data/blocks/block.Mkc8wNAu7U.json b/data/blocks/block.Mkc8wNAu7U.json new file mode 100644 index 00000000..5947d89f --- /dev/null +++ b/data/blocks/block.Mkc8wNAu7U.json @@ -0,0 +1,20 @@ +{ + "id": "Mkc8wNAu7U", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "image", + "attrs": { + "alt": "", + "src": "https://knapsack.imgix.net/site/public-demo/indeed-commercial-the-standoff-still-photo-vhkp8gw9ewebp", + "title": "Design System Infrastructure with Knapsack" + } + } + ] + } + }, + "size": "medium", + "blockType": "text-editor" +} diff --git a/data/blocks/block.UCmN8ilU0P.json b/data/blocks/block.UCmN8ilU0P.json new file mode 100644 index 00000000..eec63c49 --- /dev/null +++ b/data/blocks/block.UCmN8ilU0P.json @@ -0,0 +1,59 @@ +{ + "id": "UCmN8ilU0P", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "level": 2, + "textAlign": "left" + }, + "content": [ + { + "text": "Brand strategy", + "type": "text" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Our marketplace objective is to be the #1 matching and hiring platform in the world. To do this, our design framework must connect everything we do through our brand DNA. Because if we can be uniquely, unmistakably Indeed at every touchpoint, we can show how better work leads to better lives.", + "type": "text" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "text": "Request the messaging toolkit", + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "rel": "noopener noreferrer nofollow", + "href": "mailto:songsheet-support@indeed.com", + "class": null + } + } + ] + } + ] + } + ] + } + }, + "size": "medium", + "blockType": "text-editor" +} diff --git a/data/blocks/block.UYgCiKRxUa.json b/data/blocks/block.UYgCiKRxUa.json new file mode 100644 index 00000000..c522e47b --- /dev/null +++ b/data/blocks/block.UYgCiKRxUa.json @@ -0,0 +1,5 @@ +{ + "id": "UYgCiKRxUa", + "data": {}, + "blockType": "divider-block" +} diff --git a/data/blocks/block.UeHAx3xG.json b/data/blocks/block.UeHAx3xG.json new file mode 100644 index 00000000..753a058e --- /dev/null +++ b/data/blocks/block.UeHAx3xG.json @@ -0,0 +1,19 @@ +{ + "id": "UeHAx3xG", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "image", + "attrs": { + "alt": "", + "src": "https://knapsack.imgix.net/site/public-demo/screenshot-2024-10-10-at-85346-am-sdzibzw1r5png", + "title": "Design System Infrastructure with Knapsack" + } + } + ] + } + }, + "blockType": "text-editor" +} diff --git a/data/blocks/block.YkyHkvdzp_.json b/data/blocks/block.YkyHkvdzp_.json index 85f179ad..886afb7e 100644 --- a/data/blocks/block.YkyHkvdzp_.json +++ b/data/blocks/block.YkyHkvdzp_.json @@ -2,93 +2,109 @@ "blockType": "text-editor", "data": { "content": { + "type": "doc", "content": [ { + "type": "heading", "attrs": { - "level": 1 + "level": 1, + "textAlign": "left" }, "content": [ { "text": "Overview", "type": "text" } - ], - "type": "heading" + ] }, { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, "content": [ { - "text": "Buttons are clickable elements that are used to trigger actions. They communicate calls to action to the user and allow users to interact with pages in a variety of ways. Button labels express what action will occur when the user interacts with it.", + "text": "Buttons are clickable eledfghdfgments that are used to trigger actions. They communicate calls to action to the user and allow users to interact with pages in a variety of ways. Button labels express what action will occur when the user interacts with it.", "type": "text" } - ], - "type": "paragraph" + ] }, { + "type": "heading", "attrs": { - "level": 3 + "level": 3, + "textAlign": "left" }, "content": [ { "text": "When to use", "type": "text" } - ], - "type": "heading" + ] }, { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, "content": [ { "text": "Use buttons to communicate actions users can take and to allow users to interact with the page. Each page should have one primary button, and any remaining calls to action should be represented as lower emphasis buttons.", "type": "text" } - ], - "type": "paragraph" + ] }, { + "type": "heading", "attrs": { - "level": 3 + "level": 3, + "textAlign": "left" }, "content": [ { "text": "When not to use", "type": "text" } - ], - "type": "heading" + ] }, { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, "content": [ { "text": "Do not use buttons as navigational elements. Instead, use links when the desired action is to take the user to a new page.", "type": "text" } - ], - "type": "paragraph" + ] }, { + "type": "heading", "attrs": { - "level": 3 + "level": 3, + "textAlign": "left" }, "content": [ { "text": "When you're not sure", "type": "text" } - ], - "type": "heading" + ] }, { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, "content": [ { "text": "Default to focusing on primary and secondary (and tertiary...) states. or ask a friend :)", "type": "text" } - ], - "type": "paragraph" + ] } - ], - "type": "doc" + ] } }, "id": "YkyHkvdzp_", diff --git a/data/blocks/block.ZNVnI7GF14.json b/data/blocks/block.ZNVnI7GF14.json new file mode 100644 index 00000000..cb58a2f2 --- /dev/null +++ b/data/blocks/block.ZNVnI7GF14.json @@ -0,0 +1,7 @@ +{ + "id": "ZNVnI7GF14", + "data": { + "files": [] + }, + "blockType": "files-list" +} diff --git a/data/blocks/block.oa-y7sAwqr.json b/data/blocks/block.oa-y7sAwqr.json index 0480c9f4..32844554 100644 --- a/data/blocks/block.oa-y7sAwqr.json +++ b/data/blocks/block.oa-y7sAwqr.json @@ -8,7 +8,7 @@ "type": "image", "attrs": { "alt": "", - "src": "https://knapsack.imgix.net/site/public-demo/screenshot-2024-03-20-at-81821-am-bdhgo1mr0opng", + "src": "https://knapsack.imgix.net/site/public-demo/screenshot-2024-10-10-at-85006-am-opokxqj9vdpng", "title": "Design System Infrastructure with Knapsack" } } diff --git a/data/blocks/block.tKu7ybkY7K.json b/data/blocks/block.tKu7ybkY7K.json new file mode 100644 index 00000000..b6c482c5 --- /dev/null +++ b/data/blocks/block.tKu7ybkY7K.json @@ -0,0 +1,5 @@ +{ + "id": "tKu7ybkY7K", + "data": {}, + "blockType": "divider-block" +} diff --git a/data/blocks/block.tY2rt92bob.json b/data/blocks/block.tY2rt92bob.json index 750779e3..165f7ad2 100644 --- a/data/blocks/block.tY2rt92bob.json +++ b/data/blocks/block.tY2rt92bob.json @@ -2,109 +2,53 @@ "blockType": "text-editor", "data": { "content": { + "type": "doc", "content": [ { + "type": "heading", "attrs": { - "level": 1 + "level": 1, + "textAlign": "left" }, "content": [ { - "text": "Go further faster", + "text": "Values", "type": "text" } - ], - "type": "heading" - }, - { - "content": [ - { - "text": "Knapsack enables enterprise engineering, product, and design teams to build better products faster by bringing all teams together around production code and engineering workflows.", - "type": "text" - } - ], - "type": "paragraph" + ] }, { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, "content": [ { - "marks": [ - { - "type": "bold" - } - ], - "text": "Knapsack allows teams to do four main things:", + "text": "Five core values guide how we make decisions as a company. All brand guidance builds off of these values and brings them to life for the folks who count on us to help them hire and get hired.", "type": "text" } - ], - "type": "paragraph" + ] }, { + "type": "paragraph", "attrs": { - "start": 1 + "textAlign": "left" }, "content": [ { - "content": [ - { - "content": [ - { - "text": "Organize your design assets around patterns", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "text": "Connect to your code to be able to view and manipulate components", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ - { - "content": [ - { - "text": "Document usage guidelines, history, examples, and other information", - "type": "text" - } - ], - "type": "paragraph" - } - ], - "type": "listItem" - }, - { - "content": [ + "text": "Knapsack allows teams to do four main things:", + "type": "text", + "marks": [ { - "content": [ - { - "text": "Ship a version controlled package of code and tools for use in building applications", - "type": "text" - } - ], - "type": "paragraph" + "type": "bold" } - ], - "type": "listItem" + ] } - ], - "type": "orderedList" + ] } - ], - "type": "doc" + ] } }, - "id": "tY2rt92bob" + "id": "tY2rt92bob", + "size": "large" } diff --git a/data/db.yml b/data/db.yml index c7d4ff90..eecaf5df 100644 --- a/data/db.yml +++ b/data/db.yml @@ -22,7 +22,8 @@ settings: type: figma url: https://www.figma.com/file/rzMpZtZ3PLH3eutORdrJ2o?version-id=5763001927 version: '6427486619' - logoUrl: https://knapsack.imgix.net/site/public-demo/knapsack-logomark-primary@3x-c3fjqx5ll_.png + favicon: https://knapsack.imgix.net/site/public-demo/favicon-180-gcgvqzczw6png + logoUrl: https://knapsack.imgix.net/site/public-demo/indeedlogorgb-k2nmc3un7opng prototyping: patternId: one-pager theme: @@ -42,51 +43,73 @@ settings: type: url style: normal weight: 400 + - family: Noto Sans + src: + - format: woff + path: https://knapsack.imgix.net/site/public-demo/noto-sans-regular-tahbqfhypw.woff + type: url + style: normal + weight: '' navigation: primaryNav: accentColor: tokenName: color.brand.primary type: design-token backgroundColor: - tokenName: color.brand.black + tokenName: color.brand.white type: design-token fontFamily: Inter - fontWeight: 800 + fontWeight: '400' hoverColor: - tokenName: color.brand.secondary + tokenName: color.base.blue type: design-token - lineHeight: '' textColor: - tokenName: color.text.inverse + tokenName: color.brand.black type: design-token secondaryNav: accentColor: - tokenName: color-brand-secondary + tokenName: color.base.blue + type: design-token + backgroundColor: + tokenName: color.brand.tertiary type: design-token fontFamily: Inter fontWeight: 500 + textColor: + tokenName: color.brand.black + type: design-token tabs: + accentColor: + tokenName: color.brand.primary + type: design-token fontFamily: Inter + textColor: + tokenName: color.brand.black + type: design-token pageElements: - bodyText: {} + bodyText: + fontFamily: Inter headingLarge: fontFamily: Inter fontWeight: 400 headingMedium: - fontFamily: Nunito + fontFamily: Inter + fontWeight: '400' textTransform: inherit headingSmall: fontFamily: Inter + fontWeight: '400' headingXLarge: fontFamily: Inter - fontWeight: 600 + fontWeight: '400' textTransform: inherit headingXSmall: fontFamily: Inter + fontWeight: '400' link: - fontWeight: 600 + fontWeight: '400' textColor: - tokenName: color-text-link + tokenName: color.brand.primary type: design-token underline: true pageDescription: @@ -94,10 +117,10 @@ settings: fontWeight: 400 pageTitle: fontFamily: Inter - fontWeight: 800 + fontWeight: '400' textTransform: inherit version: 10 - title: Public Demo + title: '' tokens: theming: enabledRendererIds: diff --git a/data/demos/demo.2ysfvm4ShE.json b/data/demos/demo.2ysfvm4ShE.json index 2c5237a6..ce15cdb0 100644 --- a/data/demos/demo.2ysfvm4ShE.json +++ b/data/demos/demo.2ysfvm4ShE.json @@ -2,16 +2,16 @@ "data": { "props": { "mode": "info", - "size": "medium", + "size": "large", "type": "solid", "url": "#url", - "outline": false, + "outline": true, "icon": false }, "slots": { "children": [ { - "text": "Button", + "text": "Click Here!", "type": "text" } ] diff --git a/data/knapsack.custom-page.Page-Level-Prototyping.yml b/data/knapsack.custom-page.Page-Level-Prototyping.yml index 2136ca98..bfa8505e 100644 --- a/data/knapsack.custom-page.Page-Level-Prototyping.yml +++ b/data/knapsack.custom-page.Page-Level-Prototyping.yml @@ -7,7 +7,7 @@ settings: type: design-token colorValue: '#000000' tokenName: color-brand-primary - backgroundImage: https://knapsack.imgix.net/site/public-demo/lego-clipart27-w46dfphz5ljpg + backgroundImage: null textColorDescription: type: value colorValue: '#000000' diff --git a/data/knapsack.custom-page.font.yml b/data/knapsack.custom-page.font.yml new file mode 100644 index 00000000..a1a9a379 --- /dev/null +++ b/data/knapsack.custom-page.font.yml @@ -0,0 +1,4 @@ +id: font +title: Font +blockIds: + - ZNVnI7GF14 diff --git a/data/knapsack.custom-page.homepage.yml b/data/knapsack.custom-page.homepage.yml index afdb4886..32d7c539 100644 --- a/data/knapsack.custom-page.homepage.yml +++ b/data/knapsack.custom-page.homepage.yml @@ -1,17 +1,20 @@ id: homepage -title: Welcome to Knapsack +title: Welcome to indeed.design settings: pageHeader: - size: full + size: large textColorTitle: type: design-token - tokenName: color-brand-primary + tokenName: color.base.dark blue colorValue: '#FFFFFF' - backgroundImage: https://knapsack.imgix.net/site/public-demo/clark-van-der-beken-596baa0mpym-unsplash-o5drv55uvq.jpg + backgroundImage: null textColorDescription: type: design-token - tokenName: color-Meh-black + tokenName: color.brand.black colorValue: '#FFFFFF' + backgroundColor: + type: design-token + tokenName: color.brand.tertiary description: |- A shared platform for product teams to collaborate on documenting, designing, building, testing, and shipping diff --git a/data/knapsack.custom-page.welcome-to-knapsack.yml b/data/knapsack.custom-page.welcome-to-knapsack.yml index 7e06df48..6711f9c7 100644 --- a/data/knapsack.custom-page.welcome-to-knapsack.yml +++ b/data/knapsack.custom-page.welcome-to-knapsack.yml @@ -1,20 +1,36 @@ id: welcome-to-knapsack -title: Welcome to Knapsack +title: |- + Welcome to Indeed's + brand guidelines settings: pageHeader: textColorTitle: type: design-token - tokenName: color-brand-primary + tokenName: color.brand.white colorValue: '#6A4CEC' - backgroundImage: null + backgroundImage: https://knapsack.imgix.net/site/public-demo/indeed-job-market-gathery-brand-guidelines-welcome-svpvo0owouwebp textColorDescription: type: design-token - tokenName: color-brand-black + tokenName: color.brand.white colorValue: '#000000' - size: small -description: The collaborative design system + size: large + backgroundColor: + type: design-token + tokenName: color.base.blue + backgroundSize: contain + backgroundPosition: right +description: |- + Indeed designers, partners, and friends, + these pages are for us. Use them to make + everything you create feel unmistakably, + uniquely Indeed. blockIds: - - 6-qXFUJ0eH - - tY2rt92bob - oa-y7sAwqr + - tKu7ybkY7K + - tY2rt92bob + - UeHAx3xG + - MNGWs0nntp - 7Y7v_lnZJh + - UYgCiKRxUa + - UCmN8ilU0P + - Mkc8wNAu7U diff --git a/data/knapsack.design-tokens.json b/data/knapsack.design-tokens.json index caf0fc40..19cac150 100644 --- a/data/knapsack.design-tokens.json +++ b/data/knapsack.design-tokens.json @@ -1,17 +1,13 @@ { "color": { "base": { - "red": { - "$type": "color", - "$value": "#ef5151" - }, "blue": { "$type": "color", - "$value": "#207FF9" + "$value": "#01399a" }, "green": { "$type": "color", - "$value": "#3ccf91" + "$value": "#234840" }, "orange": { "$type": "color", @@ -21,9 +17,13 @@ "$type": "color", "$value": "#aa1baf" }, - "yellow": { + "pink": { + "$type": "color", + "$value": "#f9dae8" + }, + "dark blue": { "$type": "color", - "$value": "#FCD02A" + "$value": "#001c40" } }, "dark": { @@ -77,15 +77,15 @@ }, "primary": { "$type": "color", - "$value": "#6436BF" + "$value": "{color.base.blue}" }, "tertiary": { "$type": "color", - "$value": "#F3EFFB" + "$value": "{color.base.pink}" }, "secondary": { "$type": "color", - "$value": "#E43A5C" + "$value": "{color.base.dark blue}" } }, "light": { @@ -359,7 +359,7 @@ "$value": "#ffffff" }, "light": { - "$value": "#7b58cf" + "$value": "{color.brand.primary}" }, "$type": "color", "$extensions": { diff --git a/data/knapsack.navs.yml b/data/knapsack.navs.yml index d448cea7..c6a980a8 100644 --- a/data/knapsack.navs.yml +++ b/data/knapsack.navs.yml @@ -121,6 +121,11 @@ byId: name: Customizing the Workspace parentId: guidance path: /pages/customizing-the-workspace + font: + id: font + name: Font + parentId: mobile + path: /pages/font footer: id: footer name: Footer @@ -128,7 +133,7 @@ byId: path: /pattern/footer getting-started: id: getting-started - name: Getting Started + name: Brand Guidelines parentId: root path: '' guidance: @@ -209,7 +214,9 @@ byId: path: /pattern/top-nav welcome-to-knapsack: id: welcome-to-knapsack - name: Welcome to Knapsack + name: |- + Welcome to Indeed's + brand guidelines parentId: getting-started path: /pages/welcome-to-knapsack order: @@ -255,3 +262,4 @@ order: - Private-Pages - new-component-in-progress - mobile-breakpoints + - font diff --git a/data/knapsack.pattern.button.json b/data/knapsack.pattern.button.json index 9fbb565f..6ad2364c 100644 --- a/data/knapsack.pattern.button.json +++ b/data/knapsack.pattern.button.json @@ -15,7 +15,35 @@ "alias": "Button", "templateLanguageId": "react", "spec": { - "isInferred": true + "props": { + "$schema": "http://json-schema.org/draft-07/schema", + "type": "object", + "required": [], + "properties": { + "url": { + "type": "string" + }, + "size": { + "type": "string", + "enum": ["small", "medium", "large"] + }, + "icon": { + "type": "boolean" + }, + "outline": { + "type": "boolean" + }, + "action": { + "type": "string", + "enum": ["success", "warning", "danger"] + } + } + }, + "slots": { + "children": { + "title": "children" + } + } }, "demoIds": [ "2ysfvm4ShE", @@ -108,6 +136,10 @@ { "id": "t8PlLMPbv", "type": "subPage" + }, + { + "id": "WnG3RtCGg0", + "type": "designSrc" } ], "statuses": { @@ -123,6 +155,12 @@ "title": "Figma Component", "fileId": "H3Jj1cltfXiGWijrYOaGBi", "componentId": "2:18" + }, + "WnG3RtCGg0": { + "id": "WnG3RtCGg0", + "title": "Figma Component", + "fileId": "H3Jj1cltfXiGWijrYOaGBi", + "componentId": "2:18" } } }