Skip to content

Commit 328bfd8

Browse files
committed
fixes bradfrost#96
1 parent 589cb81 commit 328bfd8

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

chapter-3.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -370,7 +370,7 @@ The types of code to be highlighted in a pattern library nauturally varies from
370370

371371
{% include figure.html src="../images/content/salesforce-code-example.png" caption="Salesforce's Lightning design system showcases the UI components' HTML and SCSS code." %}
372372

373-
Showcasing patterns' front-end code leads to authors writing more consistent code, but that doesn't guarantee perfection. There's still room for developers to go rogue and write sloppy, incongruent code, which is why some organizations have gone above and beyond to establish incredibly sophisticated design systems. **Companies like Lonely Planet have achieved the Holy Grail of pattern libraries, which is to say their pattern library and production environment are perfectly in sync**. We'll discuss the Holy Grail in more detail in the next chapter, but it's worth brining up in this section to demonstrate how that affects the code exposed in the context of a pattern library. Rather than surfacing HTML and CSS, Lonely Planet's [Rizzo style guide](http://rizzo.lonelyplanet.com/) surfaces the include code for teams to pull in the appropriate UI component.
373+
Showcasing patterns' front-end code leads to authors writing more consistent code, but that doesn't guarantee perfection. There's still room for developers to go rogue and write sloppy, incongruent code, which is why some organizations have gone above and beyond to establish incredibly sophisticated design systems. **Companies like Lonely Planet have achieved the Holy Grail of pattern libraries, which is to say their pattern library and production environment are perfectly in sync**. We'll discuss the Holy Grail in more detail in the next chapter, but it's worth bringing up in this section to demonstrate how that affects the code exposed in the context of a pattern library. Rather than surfacing HTML and CSS, Lonely Planet's [Rizzo style guide](http://rizzo.lonelyplanet.com/) surfaces the include code for teams to pull in the appropriate UI component.
374374

375375
{% include figure.html src="../images/content/lonely-planet-code.png" caption="Lonely Planet's Rizzo design system pattern library showcases the template usage." %}
376376

@@ -421,4 +421,4 @@ When choosing tools to create your pattern library, you should keep your eyes op
421421
- Providing contextual information like which patterns make up a particular component as well as where that component gets utilized
422422

423423
At the end of the day, it's not about the tools we use to create pattern libraries, but rather how we use them. Creating and maintaining an effective design system means dramatically changing your organization's culture, processes, and workflows. If that sounds hard to you, it's because it is! But fear not! The next chapter will detail the entire process of creating and maintaining a successful design system to set your organization up for longterm success.
424-
424+

0 commit comments

Comments
 (0)