# Welcome to Roma

Roma is our design and content system created by our **Design**, **Front-end**, and **Content** teams.  <br>

Here, you will find comprehensive and detailed guidelines for each of our components, patterns, and content. Each section offers guidance on usage, accessibility, writing, with examples.

## Get started

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Components</strong></td><td>A comprehensive list of our UI components, from atoms to organisms level. Learn about their design, variants and accessibility details.</td><td></td><td><a href="https://1297765105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMoZPkWOmnKvoMWGW4aeM%2Fuploads%2FxuSs4Bho7ZOEfBn4Y0jd%2FComponent%20card.png?alt=media&#x26;token=660d4b69-cafa-4498-8dc3-4c8acc6eb744">Component card.png</a></td><td><a href="../design">design</a></td></tr><tr><td><strong>Patterns</strong></td><td>Description of recurring experiences throughout our products. Keep consistency by reusing defined design at specific key points.</td><td></td><td><a href="https://1297765105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMoZPkWOmnKvoMWGW4aeM%2Fuploads%2FV9bpjs9TLaz4pbqyg5Hp%2FPatterns%20card.png?alt=media&#x26;token=06721de0-22c8-409e-8a61-12df8f7c9378">Patterns card.png</a></td><td><a href="broken-reference">Broken link</a></td></tr><tr><td><strong>Content</strong></td><td></td><td>Learn more about our key principles on how to write into our products.</td><td><a href="https://1297765105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMoZPkWOmnKvoMWGW4aeM%2Fuploads%2F0WgyzOzoLAEQWfap3a07%2FContent%20card.png?alt=media&#x26;token=6822a3d8-2e64-4b51-9e3e-90726128e986">Content card.png</a></td><td><a href="../content">content</a></td></tr></tbody></table>