Get Started

Using SDS Core in a project.

At the highest level, SDS Core contains the following concepts:

- Color
- Typography
– Shadows
– Spacing
– Z-index & Layering
– Breakpoints & Responsive Grid System
– CSS Flexbox
– CSS Grid

These concepts will always remain consistent—how they are accessed and implemented differs between designers and developers.

---

Design

SDS Core is available as a shared Figma library to use in projects.

2600Hz Team Members:

If you are a member of the 2600Hz Design or Product teams, you will be provided access to all of the Sipster libraries through the organization's Figma account. Most 2600Hz projects and files will already have the SDS libraries installed and enabled. Please contact your team manager or the design team lead if you have any questions or issues.

Open Source Access:

For partners of 2600Hz and any open-source creators, SDS Core (along with all other design related packages) can be accessed as published libraries via 2600Hz's Figma Community profile.

View the following Design guide to learn more:

Design

---

Development

To add sds-core to projects, you can download the published NPM package or install the project locally by downloading it from the GitHub repository.

It is recommended to use sds-core via the published NPM package.

View the following Development guide to learn more:

Development