> For the complete documentation index, see [llms.txt](https://admin-docs.onestop.site/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://admin-docs.onestop.site/managing-services/document-templates/designing-a-document-layout.md).

# Designing a Document Layout

The layout feature for the document template editor allows you to give a custom and consistent look and feel for specific type of document generated in your automated process.

## Designing the Layout

Your document layout will be designed in standard HTML and CSS. To design your layout:

* Open the document template editor
* Input your content in the HTML area
* On the left of the editor, you should be able to enter and modify CSS for styling your layout

<figure><img src="https://3247139528-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1tGxO0O4EK3NOayFEcfk%2Fuploads%2F3qbVlKpTl00nqj47SUyL%2Fimage.png?alt=media&amp;token=e7740cd6-1266-40fe-96cb-82522aca5c85" alt=""><figcaption><p>Editing the layout design</p></figcaption></figure>

* You can also view your layout content as HTML markup by clicking on the "Code View" icon.

<figure><img src="https://3247139528-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1tGxO0O4EK3NOayFEcfk%2Fuploads%2FkIcy2Ha7b2OhTmxzoVJP%2Fimage.png?alt=media&amp;token=27132ec5-7e77-42c3-bfda-b9ebe60eeb12" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3247139528-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1tGxO0O4EK3NOayFEcfk%2Fuploads%2F6L1N2CJXAgzzkKgg3jQo%2Fimage.png?alt=media&amp;token=9ff4e9f8-5c33-42df-8b63-b4abb14ed8a3" alt=""><figcaption><p>The HTML Markup / Code View</p></figcaption></figure>