# KM Design System

![](https://3834524275-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8L7pd9MFiA8_rutARh%2F-MXYRvMI2czC38nkorP1%2F-MXYRyotB0PWX5ytYbNh%2Flaptop-2%20\(1\).gif?alt=media\&token=5ed1bb7c-f478-4402-9d68-2b71a936bc99)

## How to use the KM Design System 

This was created for Georgia Tech's knowledge contributors so they can create consistent, accessible, and engaging knowledge articles. Whether you're a newly-trained or seasoned contributor, this resource is for you! The system is divided into the 4 sections below. You can also reference the navigation bar to the left to quickly find what you need.

* **Getting Started** - If you're new to knowledge creation or need a refresher on the basics of creating knowledge in ServiceNow and the Design System, these resources are for you.
  * [Create An Article](https://kmdesign.services.gatech.edu/untitled) (Instructions)
  * [Contribute to the Design System](https://kmdesign.services.gatech.edu/contribute-to-the-design-system-coming-soon)
  * [How-to Request Help](https://kmdesign.services.gatech.edu/requesting-help-coming-soon)
* **Writing** - Learn how to craft compelling content and enhance your syntax for all readers.
  * [Accessible Writing](https://kmdesign.services.gatech.edu/writing-for-accessibility)
  * [Fonts & Typefaces](https://kmdesign.services.gatech.edu/fonts)
  * [Grammar & Mechanics](https://kmdesign.services.gatech.edu/grammar-and-mechanics)
  * [Headers](https://kmdesign.services.gatech.edu/headings)
  * [Title Capitalization](https://kmdesign.services.gatech.edu/titles)
  * [Writing for Accessibility](https://kmdesign.services.gatech.edu/writing-for-accessibility)
* **Web Components -** These are standalone web elements that can be reused often across various types of KB articles.
  * [Accordions](https://kmdesign.services.gatech.edu/components/accordions-coming-soon) - collapsible content within a frame
  * [Horizontal Lines / Horizontal Rules](https://kmdesign.services.gatech.edu/components/horizontal-rules) - great for creating visual breaks and separation.
  * [Images](https://kmdesign.services.gatech.edu/components/images) - standard sizes and formats
  * [Links](https://kmdesign.services.gatech.edu/components/links) - how to create and what they should look like.  
  * [Tables](https://kmdesign.services.gatech.edu/components/tabular-data-tables-coming-soon) - tabular data needs to be accessible. What does that mean for you?
* **Patterns** - These are common layouts that incorporate a mixture of web components. By implementing standardized patterns, your readers will be able to ingest your content quickly and the ServiceNow platform will be easier to use.
  * [3 Card Layout](https://kmdesign.services.gatech.edu/patterns/3-card-layout)