Every component in the library, drawn in the approved style. Anatomy follows platform patterns: labels above controls, 36–38px control height, 3px focus rings, one blue for selection and action.
A short summary of the latest product changes.
Read the release notesEnter a domain. Add https:// when using the value.
Create a project to organize your work.
| Name | Role |
|---|---|
| Alice | Admin |
| Bob | Editor |
A shared view of what you are working on.
Keep your team's projects and recent updates in one place.
Website refresh · In progress. Design library · Ready for review.
The team updated the roadmap and shared a new design proposal.
Start with a name, invite your team, and plan your next milestone.
Find guides for organizing projects and collaborating with your team.
A table of contents gives readers a map of a longer article. Open the contents or choose a bar to jump to a section. Scroll this article to follow your position in the rail.
Keep navigation beside the content it describes. Each of the four bars and its matching link points to a real section in this preview, so you can explore without leaving the card.
Give each section a unique ID and use that same ID for its link and indicator. Scope scroll tracking to the article’s container when the content sits inside another page.
Use CSS to adjust the rail, spacing and panel. The active bar follows the current section. Native heading links continue to work when JavaScript is unavailable.