In this article, we show you elements of an example Team site to inspire you, and help you learn how to create similar sites for your own organization.
Use a team site when you want to collaborate with other members of your team or with others on a specific project. With a team site, typically all or most members can contribute content to the site and the information is limited to only the members of the team or project and specific stakeholders. Additionally, team sites are connected to groups and a Teams channel. This makes it easy for your team to have group permissions, as well as a Teams space to chat, meet, and share files.
First, if you haven't already created a Team site, check out Create a team site in SharePoint.
If you need to learn how to edit and publish the page on your site, check out the section Edit, work with sections and web parts, and publish in this article.
Once you have your created your site and know how to edit pages, you can use the guidance below to add the elements shown.
Example Team site
Manage sections and web parts
This example uses six sections with different layouts. The first section Start editing by clicking Edit on the top right of the page.
While editing, on the left, below the header your drafts can be saved for later or discarded.
The + symbol before or after a section will add a section using one of several layouts.
Sections make up your page, and are you place one or more web parts. While editing the page, each section will show controls to edit the layout, move, or delete the sections. For information on working with sections, see Add or remove sections and columns on a page.
Click the plus symbol in a section, which may appear before or after a web part in a section, to see the many types of web parts available. For more information on all web parts, see Using web parts on SharePoint pages.
Web parts may be edited, moved or deleted within sections. The Edit web part icon opens detailed controls unique to each web part type.
When your page updates are ready, click Publish to make them visible to your team.
For more details on using pages, see Create and use modern pages on a SharePoint site.
Team highlights and news
The first section of this example page uses a two-column layout. In the first column is a Hero web part that uses a one-tile layout to link to information introducing a new team member. Above that is a Text web part with a title. In the second column is a News web part that uses a list layout. Above that is a Spacer web part to help align the two web parts.
You can quickly and easily customize the organization and navigation of your SharePoint site. Editing of the left side Quick Launch menu starts by clicking the Edit link at the bottom of the menu:
Clicking the … control on end of each menu item allows you to Edit, Move, or Remove an item:
While editing, your drafts can either be saved for later or discarded. When your page updates are ready, click Publish to reveal them to your team.
Inform the team
The second section in this example is in a three-column layout and includes the Quick links web part, the Group calendar web part, and the Document library web part.
Here's more information on each of these web parts:
The Quick links web part offers several easy to use menu formats for listing links to other pages or sites. In this Team site example, this web part uses the Tiles layout with Small icons for quick and easy reference.
For more details on using the Quick Links web part, see Use the Quick Links web part.
The Group calendar web part automatically shows meetings and appointments that are on your Office 365 group calendar (Office 365 groups and their associated calendars are created automatically when you create a Team site).
For more information on the Group calendar web part, see Use the Group calendar web part.
List web part
Display site content including documents and other site content where the team can easily find it. In this Team site example, the List is referencing the Documents folder in the Document Library.
For more details on using the List web part, see Use the List web part.
Add important news with the News web part
This Team site offers news for the entire team and also offers news filtered to the current user's likely interest.
In this example, the News web part uses Recommended for current user as the source, and the Side-by-side layout, in a one-column section with a background.
For more details on using the News web part, see Use the News web part on a SharePoint page.
Highlight important information
Let your team know what’s most important with high-impact hero images, company branding, and important news. The initial impact of the Team site home page is created by large and eye-catching images of the Hero web part. The layout used in this example is Two tiles.
The power of tiles
Tiles can include images, topic headings, titles, descriptions, and a call to action link. Other adjustments include image scaling and setting the focus for the image zoom animation.
Each tile can be edited
Use the Move item control on the left to rearrange the tiles within the Hero web part. Controls on the right allow you to Edit details adjusting the text and image used, Set focal point for the hover animation, plus Zoom in and Zoom out of the image.
In this example, the Hero web part is in a full-width section.
For more details on using the Hero web part, see Use the Hero web part.
Show project status
If you use Microsoft Planner to manage your projects, and have a plan created, you can use the Planner web part to show status for that plan right on the page.
For more details on using the Planner web part, see Use the Planner web part.
Show team activity with the Site activity web part
The activity web part has only one setting - how many items to show. Activity shown by the web part includes page updates and all documents stored on the team site.
In this example, the web part is in a one-column section.
For more details on using the Site activity web part, see Use the Site activity web part.
Get inspired with more examples in the SharePoint Look Book.