|
1 | 1 | ---
|
2 | 2 | title: Key web part examples
|
| 3 | +description: A visual overview of Communication site and Team site templates. |
3 | 4 | ms.date: 5/08/2018
|
4 | 5 | ---
|
5 | 6 |
|
6 | 7 | # Key web part examples
|
7 | 8 |
|
8 | 9 | Web parts are the building blocks of your page.
|
9 | 10 |
|
10 |
| -This is a visual overview of Communication site and Team site templates, highlighting how web parts work together to create a coherent overall design. Use these pages as reference when designing a SharePoint web part. It is important to consider how the web part will look and function when sitting next to other web parts on a page. Follow the patterns in this documentation and on the [Office UI Fabric site](https://developer.microsoft.com/en-us/fabric) to ensure consistency in layout and grid alignment, font size and hierarchy, commanding, empty states and more. |
| 11 | +This is a visual overview of Communication site and Team site templates, highlighting how web parts work together to create a coherent overall design. Use these pages as reference when designing a SharePoint web part. |
11 | 12 |
|
| 13 | +It is important to consider how the web part will look and function when sitting next to other web parts on a page. Follow the patterns in this documentation and on the [Office UI Fabric site](https://developer.microsoft.com/en-us/fabric) to ensure consistency in layout and grid alignment, font size and hierarchy, commanding, empty states, and more. |
12 | 14 |
|
13 |
| -# Communication sites |
| 15 | +## Communication sites |
14 | 16 |
|
15 |
| -The Topic design is used when you have a lot of information to share, such as news, events, report and other content. It is built from the Hero, News, Events, Highlighted content, Quick links and People web parts. |
| 17 | +### Topic design |
| 18 | + |
| 19 | +The Topic design is used when you have a lot of information to share, such as news, events, reports, and other content. It is built from the Hero, News, Events, Highlighted content, Quick links, and People web parts. |
16 | 20 |
|
17 | 21 | 
|
18 | 22 |
|
19 | 23 |
|
20 |
| -The Showcase design is used to feature a product, team or event. It is leverages the Hero and Image gallery web parts to show rich visual content. |
| 24 | +### Showcase design |
21 | 25 |
|
| 26 | +The Showcase design is used to feature a product, team, or event. It leverages the Hero and Image gallery web parts to show rich visual content. |
22 | 27 |
|
23 | 28 | 
|
24 | 29 |
|
25 |
| -# Team sites |
| 30 | +## Team sites |
| 31 | + |
| 32 | +The Team site design is the default layout for any new team. It features the News, Quick links, Highlighted content, and Document library web parts. |
26 | 33 |
|
27 |
| -The Team site design is the default layout for any new team. It features the News, Quick links, Highlighted content and Document library web parts. |
28 | 34 | 
|
29 | 35 |
|
30 | 36 | These example site and web part designs have been added to the SharePoint toolkit and can be used as reference when designing web parts.
|
31 |
| -[SharePoint toolkit](https://developer.microsoft.com/en-us/fabric#/resources) |
| 37 | +For more information, see the [SharePoint toolkit](https://developer.microsoft.com/en-us/fabric#/resources). |
| 38 | + |
| 39 | + |
0 commit comments