|
1 | 1 | # PatternFly Design Kit |
2 | | -The PatternFly Design Kit is a collection of [Sketch](https://www.sketchapp.com) assets that make it easy for designers to create high-fidelity design mockups that accurately represent [PatternFly](http://patternfly.org) components and layouts. It includes: |
| 2 | +**The PatternFly Design Kit** is a collection of [Sketch](https://www.sketchapp.com) assets that make it easy for designers to create low and high-fidelity design mockups that accurately represent [PatternFly](http://patternfly.org) components and layouts. It includes: |
3 | 3 |
|
4 | 4 | * A Sketch symbol library that includes components, icons, color palettes, and other PatternFly elements. Hosted on Sketch Cloud [here](https://www.sketch.com/s/2cf1063b-5283-4e0b-b8a6-cbb1ac07e29e). |
5 | 5 | * A template file that provides several starter layouts that will make it easier to construct common PatternFly screens. Hosted on Sketch Cloud [here](https://www.sketch.com/s/729c2eee-e8b6-4fcd-8a79-f6faa8c30f89). |
6 | | - |
7 | | -## Wireframe Kit |
8 | | -The Wireframe Kit is a collection of low fidelity and mid fidelity PatternFly components and layouts. It includes: |
9 | | -* A Wireframe library that allows you to design and iterate designs more quickly before upgrading them to high fidelity. Hosted on Sketch Cloud [here](https://www.sketch.com/s/97d92966-7ad7-4207-a381-48fda3c080f8). |
10 | | -* A Wireframe template file that provides examples of low fidelity components in a context. Hosted on Sketch Cloud [here](https://www.sketch.com/s/0af9fc12-7b9e-49c1-8d36-a6a62385a413). |
11 | | - |
12 | | -### Download Wireframe font |
13 | | -The PatternFly Wireframe kit uses [Flow](https://fonts.google.com/specimen/Flow+Circular) for LO-FI components and [Comic Neue](https://fonts.google.com/specimen/Comic+Neue#standard-styles) for MID-FI components. |
14 | | - |
15 | | -For more detailed information about Wireframe kit, go [here](/PatternFly%204%20-%20Wireframe%20library%20and%20template/Wireframe%20kit%20guideline.md). |
| 6 | +* **The Wireframe Kit** is a collection of low fidelity and mid fidelity PatternFly components and layouts. It includes: |
| 7 | + * A Wireframe library that allows you to design and iterate designs more quickly before upgrading them to high fidelity. Hosted on Sketch Cloud [here](https://www.sketch.com/s/97d92966-7ad7-4207-a381-48fda3c080f8). |
| 8 | + * A Wireframe template file that provides examples of low fidelity components in a context. Hosted on Sketch Cloud [here](https://www.sketch.com/s/0af9fc12-7b9e-49c1-8d36-a6a62385a413). |
| 9 | + * For more detailed information about Wireframe kit, go [here](/PatternFly%204%20-%20Wireframe%20library%20and%20template/Wireframe%20kit%20guideline.md). |
16 | 10 |
|
17 | 11 | ## Updating the kit |
18 | 12 | Sketch will automatically receive library updates in the top, right corner of an open Sketch file. You'll want to update the PatternFly library **and** update the symbols within your file (two separate notifications). You'll have to update **all** files that are using PatternFly symbols - it is not a one and done process, unfortunately. |
|
0 commit comments