December, 2019 #

You’re reading the fourth Duet Design System monthly update. In this update we’ll share statistics and feedback we’ve received regarding Duet’s public launch.

Last month marked a major milestone for us as we launched Duet publicly. A little under a month has gone by, and we’ve seen more than 12.000 unique visitors from all over the globe.

Most of the visitors are coming from United States, Finland, and the UK, but in total we’re seeing traffic from 72 different countries. A simplified overview of the past three+ weeks’ statistics looks like this:

200.000 page views
12.000 unique visitors
72 countries represented
52.000 goal completions
100+ websites and blogs sharing Duet
1 million files served via our CDN

While a lot of the traffic has been coming from social media, Duet has also been shared on these websites, publications, and newsletters:

The conversation has been fairly active on Twitter too. I personally tweeted this on November 6th and it ended up being the single biggest source of traffic for our documentation (thanks to all the retweets, people):

Extremely happy to tell that we’ve finally made Duet Design System’s docs public. Features I’m personally proud about:

— Can be used with any JS framework
— Supports WCAG 2.1
— Comes in two themes
— Minimal network footprint
— Uses Web Componentshttps://t.co/v9PET3G8BS
— Viljami Salminen (@viljamis) November 6, 2019

Zach Leatherman, who created the tool called Eleventy that our documentation also uses, commented:

I’ve been waiting eagerly for this launch—it really feels like a new gold standard for long-term framework independent design systems.

“can be also used *without* any JS framework.” 🎉

Amazing work @viljamis!https://t.co/PBHpli81cR
— Zach Leatherman (@zachleat) 6. marraskuuta 2019

Jad Limcaco, who’s working at Apple commented:

I really like how they simplified it so it can be used for prototyping really easily. All you do is add some script tags. Then you can use the components in HTML like so:

<duet-button variation="primary">Send</duet-button> pic.twitter.com/J3aQ5kL5Oq
— Jad Limcaco (@JadLimcaco) November 6, 2019

Nathan Curtis, who co-founded EightShapes commented:

Duet design system roadmap, published on their site, full on with struckthrough completed items!https://t.co/D5HwGLYGTm
Per @viljamis
HT @jamesmelzer
CC @ClayHero
— Nathan Curtis (@nathanacurtis) November 12, 2019

Jordam Dimitrov asked us:

@Lahi_Tapiola I saw https://t.co/Ia5fQpiLC7 and it's awesome! We need to make a similar platform for our DS, did you use something ready or it's custom-made? :)
— Jordan Dimitrov (@iamjdimitrov) November 6, 2019

Karlis Upitis commented:

Yet another great Design System https://t.co/ffzrj0g4JK
A lot of useful resources e.g. this diagram - "when to add a new component?" pic.twitter.com/1zTmkVl0g7
— Karlis Upitis (@_karlisup) November 29, 2019

Javier Cuello commented:

This looks really good to see how a design system works and is documented *for real*. It includes components code, design tokens, naming conventions and more. https://t.co/OswNYtWGTH
— Javier 'Simón' Cuello (@millonestarde) November 6, 2019

Similarly, Teppo Haste from our team shared Duet on LinkedIn which resulted in a bunch of new traffic and questions about the work we’ve done so far:

All in all, we’re really happy about the reception. This makes us want to push towards even higher quality content in the future for both our clients, and the design and development teams utilizing Duet.

Now is also a good time to say thanks to all our partners that have been a part of this journey so far: Kuudes, Dunning, Kruger & Associates, HiQ Finland, CGI, Tata Consultancy Services, and all in-house teams, a big thank you!

New this month #

In this section we’ll highlight every month new features and progress from Duet Design System. This month’s highlights include:

Desktop application #

Duet’s documentation is now available as a progressive web app with offline support. Using Chrome on Desktop and Android, or Safari on iOS lets you install Duet onto your device. Follow these instructions to get started.

Install the app

Process for adding new components to Duet

Process for adding components #

We’ve completely reworked our contributing guidelines and have included a new flow diagram that helps you determine whether a component belongs to the design system or should be kept application specific instead.

View process

New layout tools #

During the past month we’ve focused on improving Duet’s layout tools. We’ve introduced new components like Layout, Grid, Grid Item and Spacer. The responsive capabilities of most components have been improved as well.

Browse components

Visual regression tests #

Automated visual regression tests allow us to make sure that our components render as expected across different browsers after changes are made to the code. They also help us deliver higher quality releases with less bugs.

View visual tests

On the roadmap next #

Getting more components ready for production usage is still our first priority at the moment. For an up-to-date list on progress and what’s under work, view component statuses.
Our next priority is to support designers and developers who start utilizing these new parts. If you have any questions, please view support page and reach out.
Finally, we’re also starting to focus more on contribution and adoption from different teams and plan for 2020.

View roadmap

What is Duet? #

Duet is a collection of reusable components and tools, guided by clear standards, that can be assembled together to build digital products for LocalTapiola and Turva.

The goal of Duet is to improve user interface consistency and quality, while making our software design and development processes more efficient.

The name “Duet” resembles the fact that there are two separate themes. One for LocalTapiola and one for Turva.

Duet has a core team of designers and developers inside LocalTapiola who are dedicated to building and supporting the system.

Until 2020!
Viljami Salminen

View All Updates

Edit