Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -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.
</DxcParagraph>
<DxcButton label="Click me!" onClick={() => alert("Hello world!")} />
</DxcFlex>
Expand Down
52 changes: 20 additions & 32 deletions apps/website/screens/overview/introduction/IntroductionPage.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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 = [
{
Expand All @@ -10,7 +11,7 @@ const sections = [
<DxcParagraph>
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.
</DxcParagraph>
),
subSections: [
Expand Down Expand Up @@ -111,38 +112,25 @@ const sections = [
{
title: "Figma",
content: (
<DxcParagraph>
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.
</DxcParagraph>
),
},
{
title: "UXPin",
content: (
<DxcParagraph>
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.
</DxcParagraph>
<>
<DxcParagraph>
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.
</DxcParagraph>
<DxcParagraph>
A public version of the Halstack Design System UI Library is also available through the{" "}
<Link
href="https://www.figma.com/community/file/1541775953498525606/halstack-ds-ui-library"
passHref
legacyBehavior
>
<DxcLink newWindow>Figma Community</DxcLink>
</Link>
, where it can be explored and accessed freely.
</DxcParagraph>
</>
),
subSections: [
{
title: "Prototyping library",
content: (
<DxcParagraph>
The prototyping library is a Halstack CDK component-based design library for fast prototyping, reducing
the gap between designers and developers. Also,{" "}
<DxcLink href="https://www.uxpin.com/merge" newWindow>
UXPin Merge
</DxcLink>{" "}
is a low-code solution that can be leveraged to generate React code on top of Halstack components
directly from the prototypes.
</DxcParagraph>
),
},
],
},
{
title: "React library",
Expand Down
Loading