From b7d43b71045e2d7e1ce802a8a8e8efcc51ce7abf Mon Sep 17 00:00:00 2001 From: PelayoFelgueroso Date: Tue, 27 Oct 2026 12:53:44 +0100 Subject: [PATCH 1/3] add intel typography --- packages/lib/src/styles/variables.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/lib/src/styles/variables.css b/packages/lib/src/styles/variables.css index 30020db62..cab8f767f 100644 --- a/packages/lib/src/styles/variables.css +++ b/packages/lib/src/styles/variables.css @@ -161,7 +161,7 @@ --font-weight-semibold: 600; --font-weight-bold: 700; --font-family-mono: Source Code Pro, mono; - --font-family-sans: Open Sans, sans-serif; + --font-family-sans: Intel, sans-serif; --font-style-lightitalic: light italic; --font-style-normal: normal; --line-style-dashed: dashed; From 6be1456428e7b961ef59d801699bfb9dd34b3330 Mon Sep 17 00:00:00 2001 From: PelayoFelgueroso Date: Thu, 29 Oct 2026 08:12:02 +0100 Subject: [PATCH 2/3] remove Uxpin references and update figma introduction --- .../installation/examples/building.tsx | 2 +- .../introduction/IntroductionPage.tsx | 48 +++++++------------ packages/lib/src/styles/variables.css | 2 +- 3 files changed, 18 insertions(+), 34 deletions(-) diff --git a/apps/website/screens/overview/installation/examples/building.tsx b/apps/website/screens/overview/installation/examples/building.tsx index 41c9ce961..1c232e9ac 100644 --- a/apps/website/screens/overview/installation/examples/building.tsx +++ b/apps/website/screens/overview/installation/examples/building.tsx @@ -8,7 +8,7 @@ const code = `() => ( Halstack is an Open Source Design System built and maintained by DXC Technology with the purpose of providing all the necessary tools for designing and implementing accessible, intuitive and consistent User Experiences - with Figma, UXPin and React. + with Figma and React. alert("Hello world!")} /> diff --git a/apps/website/screens/overview/introduction/IntroductionPage.tsx b/apps/website/screens/overview/introduction/IntroductionPage.tsx index 4be5dd951..3e0a8aa51 100644 --- a/apps/website/screens/overview/introduction/IntroductionPage.tsx +++ b/apps/website/screens/overview/introduction/IntroductionPage.tsx @@ -2,6 +2,7 @@ import { DxcLink, DxcHeading, DxcParagraph, DxcBulletedList, DxcFlex } from "@dx import QuickNavContainer from "@/common/QuickNavContainer"; import PageHeading from "@/common/PageHeading"; import DocFooter from "@/common/DocFooter"; +import Link from "next/link"; const sections = [ { @@ -10,7 +11,7 @@ const sections = [ Halstack is an open source Design System built and maintained by DXC Technology with the purpose of providing all the necessary tools for designing and implementing accessible, intuitive and consistent user experiences - with Figma, UXPin and React. + with Figma and React. ), subSections: [ @@ -111,38 +112,21 @@ const sections = [ { title: "Figma", content: ( - - Halstack Design System is built on top of Figma, a web-based design tool that allows designers to create - designs and prototypes. The Halstack Figma library contains all the design assets that are part of the - Design System, and it is the source of truth for all the design decisions made by the Design System team. - - ), - }, - { - title: "UXPin", - content: ( - - UXPin is a low-code solution that can be leveraged to generate React code on top of Halstack components - directly from the prototypes. This tool is used to generate the React code for the components that are part - of the Halstack Design System. - + <> + + The Halstack Design System Foundations and UI Kit are established as predefined libraries in Figma for all + teams within the ISB organization. These libraries provide a shared source of truth for design assets, + styles, tokens, and components, ensuring consistency across products and teams. + + + A public version of the Halstack Design System UI Library is also available through the{" "} + + Figma Community + + , where it can be explored and accessed freely. + + ), - subSections: [ - { - title: "Prototyping library", - content: ( - - The prototyping library is a Halstack CDK component-based design library for fast prototyping, reducing - the gap between designers and developers. Also,{" "} - - UXPin Merge - {" "} - is a low-code solution that can be leveraged to generate React code on top of Halstack components - directly from the prototypes. - - ), - }, - ], }, { title: "React library", diff --git a/packages/lib/src/styles/variables.css b/packages/lib/src/styles/variables.css index cab8f767f..30020db62 100644 --- a/packages/lib/src/styles/variables.css +++ b/packages/lib/src/styles/variables.css @@ -161,7 +161,7 @@ --font-weight-semibold: 600; --font-weight-bold: 700; --font-family-mono: Source Code Pro, mono; - --font-family-sans: Intel, sans-serif; + --font-family-sans: Open Sans, sans-serif; --font-style-lightitalic: light italic; --font-style-normal: normal; --line-style-dashed: dashed; From 08ead4dc0b0dcb2530132a1b4723b013f208dd90 Mon Sep 17 00:00:00 2001 From: PelayoFelgueroso Date: Thu, 29 Oct 2026 16:51:55 +0100 Subject: [PATCH 3/3] fix link --- .../screens/overview/introduction/IntroductionPage.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/apps/website/screens/overview/introduction/IntroductionPage.tsx b/apps/website/screens/overview/introduction/IntroductionPage.tsx index 3e0a8aa51..3fbd03485 100644 --- a/apps/website/screens/overview/introduction/IntroductionPage.tsx +++ b/apps/website/screens/overview/introduction/IntroductionPage.tsx @@ -120,7 +120,11 @@ const sections = [ A public version of the Halstack Design System UI Library is also available through the{" "} - + Figma Community , where it can be explored and accessed freely.