# Statistics for the first year

> You’re reading the ninth Nord Design System monthly update. During the past month we’ve been preparing the system for official launch and making sure we offer stable API and comprehensive docs.

You’re reading the ninth Nord Design System monthly update. During the past month we’ve been preparing the system for official launch and making sure we offer stable API and comprehensive docs.

Looking back in time, we started our design system journey at the end of 2020 with initial user research. We did this because we wanted to first better understand the challenges we’re trying to solve at [Nordhealth](https://nordhealth.com){rel="[\"nofollow\"]"} and how the design system might help.

Back then, we interviewed around 60 different persons from different teams, with different backgrounds, and with different levels of experience. The result of this research was an organizational challenges heatmap that highlighted organization level problems.

Once we had this data, we continued the research with a [series of workshops](https://arielsalminen.com/2018/vue-design-system/#figuring-out-challenges){rel="[\"nofollow\"]"}. These workshops were meant to reveal a lack of alignment and personal biases across teams. The final output from these workshops was a set of prioritized actions that directly informed the backlog of the design system.

Once we knew what the challenges were, it was a matter of creating fundamental [principles](/design/foundations/principles/) and [goals for the system](/resources/about/#our-goals) that we should follow to start solving these issues. The concrete design and development work on the design system started in August 2021 when Eric and Nick joined the team.

Now, 8 months later, we’re excited to launch Nord Design System and all of our tools for production usage! 🎉

---

## Tools you can use today

All of our tools are out of beta phase starting today and ready for production usage. [Web Components](/components/) have also reached release candidate (RC) status and we’ll publish `1.0.0` next week unless significant bugs emerge.

You can read more about each tool below:

**[Figma Toolkit](/design/foundations/figma/)** - nordhealth.design/figma/

**[Web Components](/components/)** - nordhealth.design/components/

**[CSS Framework](/core/css/)** - nordhealth.design/css/

**[Themes](/design/themes/)** - nordhealth.design/themes/

**[Theme Builder](/theme-builder/)** - nordhealth.design/theme-builder/

**[Nordicons](/icons/)** - nordhealth.design/nordicons/

**[Design Tokens](/core/tokens/)** - nordhealth.design/tokens/

**[Webfonts](/docs/developer/webfonts/)** - nordhealth.design/webfonts/



We hope you enjoy using Nord’s tools and help us improve them by providing feedback to us via [Slack](/resources/support/), [Office Hours](/resources/support/), [Monthly Meetups](/resources/support/), and also the feedback functionality found from the bottom of each documentation page.

Hope to hear from you soon!

---

## Statistics for the first year

We wanted to collect a few statistics here, so that we can better track the progress on Nord. We think some of these metrics are impressive for such a small team as for a long time the team was only one person, until we hired two more during summer 2021, and eventually by the end of the year the fourth person, [Dave](https://twitter.com/daviddarnes){rel="[\"nofollow\"]"}.

**Here you go, the numbers:**



### Team has grown from 1 to 4

Nord team has grown from one to four persons and we’re [currently hiring](/resources/careers/) two more designers and developers for the team.

[View careers and apply](/resources/careers/)

---

### 109,431 lines of code written

We had three people write a total of 109,431 lines of code that form the foundations of Nord Design System today.

![109,431 lines of code written](/img/updates/launch/code.png)---

### 2,786 commits

We had three people make almost 3000 commits over the past year which are now merged to Main branch on [Nordhealth GitHub](https://github.com/nordhealth){rel="[\"nofollow\"]"}.

![2,786 commits commits to GitHub](/img/updates/launch/commits.png)---

### 1296 button variations and states

There are 1296 [button variations](/components/button/) and states. This includes all [6 themes](/design/themes/) we have, but you shouldn’t ever underestimate a button and what a seemingly simple component can cost to an organization when it’s being reinvented by every single product team.

![1296 button variations and states](/img/updates/launch/button.png)---

### 3218 Figma frames

We’ve worked through 49 [Figma](/design/foundations/figma/) files which contain a total of 107 pages and 3218 frames that we’ve used for background research, design exploration, prototyping, and the components themselves.

![3218 Figma frames](/img/updates/launch/figma.png)---

### 31 code based components

During the past 8 months we’ve designed and built a total of 31 code based Web Components. 27 of them [can be seen in the documentation](/components/) already and 4 more are waiting behind existing pull requests on GitHub.

![31 code based components](/img/updates/launch/components.png){style="max-width: 600px;"}---

### 32.96 kB total bundle size

[Lit](https://lit.dev/){rel="[\"nofollow\"]"} has helped us to keep Nord’s bundle size small. All of our CSS and [Web Components](/components/) combined weigh around 33 kB (minified and compressed).

![32.96 kB total bundle size](/img/updates/launch/terminal.png){style="max-width: 500px;"}---

### 95.57 % code coverage

Our automated tests currently cover 95.57% of the code base. We use [Web Test Runner](https://modern-web.dev/docs/test-runner/overview/){rel="[\"nofollow\"]"}, [Mocha](https://mochajs.org/){rel="[\"nofollow\"]"}, and [Puppeteer](https://pptr.dev){rel="[\"nofollow\"]"} to automate E2E, unit, accessibility, and screenshot diff tests.

![95.57% code coverage](/img/updates/launch/tests.png)---

### 256 design tokens

There are [256 design tokens](/core/tokens/) that we use to store design variables like colors, font sizes and spacing information. These are used instead of hard coded values to ensure a better UI consistency across different platforms.

![256 design tokens](/img/updates/launch/tokens.png){style="max-width: 433px;"}---

### 200,000+ page views

We have had over 200K page views on [nordhealth.design](https://nordhealth.design){rel="[\"nofollow\"]"} documentation website since May, 2021 when we started measuring visits.

![200,000+ page views](/img/updates/launch/pageviews.png)---

### 3373 hours of work

Our team of four persons has used a total of 3373 hours to design, build and maintain the system we have today.

![3373 hours of work](/img/updates/launch/hours.png)---

### 282 versions published

During the past year we’ve published 282 packages versions to [npm](https://www.npmjs.com/org/nordhealth){rel="[\"nofollow\"]"} that have recently started getting more downloads as teams start utilizing these tools.

![282 versions published](/img/updates/launch/packages.png)---

### 402 pages of documentation

We’ve created over 400 pages of documentation and live code examples combined during the past year which are all live at [nordhealth.design](https://nordhealth.design){rel="[\"nofollow\"]"}.

![402 pages of documentation](/img/updates/launch/docs.png){style="max-width: 650px;"}---

### 100% Lighthouse performance score

[Lighthouse](https://developer.chrome.com/blog/lighthouse-load-performance/){rel="[\"nofollow\"]"}, a tool by Google that evaluates websites by their performance, accessibility, and other best practices, scores our application templates with 100% score.

![100% Lighthouse performance score](/img/updates/launch/performance.png){style="max-width: 650px;"}---

### 309 completed Linear issues

We’ve worked through a backlog of 385 tasks and completed 309 of them in a tool called [Linear](https://linear.app/){rel="[\"nofollow\"]"} that we use for issue tracking and task prioritization.

![309 completed Linear issues ](/img/updates/launch/linear.png){style="max-width: 339px;"}---

### 120 completed roadmap goals

We’ve completed 120 high level roadmap goals since we’ve started the work on Nord.

- ~~Bug reporting capabilities and enhanced support for design system.~~
- ~~Improved documentation regarding getting started with Nord.~~
- ~~Creating content guidelines for components.~~
- ~~Web Components reaches stable 1.0 state.~~
  - ~~Badge component~~
  - ~~Button component~~
  - ~~Calendar component~~
  - ~~Card component~~
  - ~~Checkbox component~~
  - ~~Etc…~~





Until the next time,
— Ariel

P.S. Subscribe to our [RSS Feed](https://nordhealth.design/feed.xml){rel="[\"nofollow\"]"} to follow the latest updates from Nord team.
