Jeden design system dla marketingu i produktu

Dwie strony, dwa style

W Northline strona marketingowa i produkt rozjechały się. Inne przyciski, inne szarości, inne rozmiary tekstu. Klienci czuli ten skok przy rejestracji.

Wspólne fundamenty, nie wszystko

Wspólna została warstwa, która nigdy nie powinna się różnić: kolor, typografia, odstępy i kilka komponentów, jak przyciski, pola i karty. Układy stron i sekcje marketingowe zostały u zespołu marketingu, który musi działać szybko i próbować.

Najpierw tokeny

Każdy kolor i rozmiar dostał nazwany token, używany w obu bazach kodu. Zmiana firmowego niebieskiego oznaczała zmianę jednej wartości, a nie szukanie po dwóch arkuszach stylów.

Czego się nauczyliśmy

• Zacznij od mniejszej liczby komponentów, niż ci się wydaje.
• Zapisuj, po co istnieje każdy token, nie tylko jego wartość.
• Pozwól zespołom budować poza systemem i wciągaj to, co się powtarza.