> For the complete documentation index, see [llms.txt](https://craftmonkey.gitbook.io/noelle-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://craftmonkey.gitbook.io/noelle-documentation/custom-shortcodes/homepage-first-screen.md).

# Homepage First Screen

This item must be placed first on the page.

**Homepage First Screen Options:**

**Layout Creative Agency**

* **Background -** Upload an images for the First Screen.
* **Background Color -** Set a background color.
* **Text Color -** Set a text color.
* **Stroke Color -** Set a stroke color.
* **Background -** Upload an images for the First Screen.
* **Title (style 1) -** Input some text for the First Screen.
* **Subtitle top -**  Input some text for subtitle top.
* **Subtitle Bottom -** Input some text for subtitle bottom.

![Layout Creative Agency](https://3387630573-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LkzYGSYrkkPuR_RwJRs%2F-LpdxlCSP3KQnIrts1Dq%2F-Lpdxny9CDC8A0EShwXa%2F101.png?alt=media\&token=c854bfc7-da14-478b-9924-fa03b786ffa5)

**Layout Freelance**

* **Background -** Upload an image for the First Screen.
* **Background Color -** Set a background color.
* **Text Color -** Set a text color.
* **Stroke Color -** Set a stroke color.
* **Filling -** Choose a filling background.
* **Background Align -** Choose a background align.
* **First Title Bar -** Enter first title bar.
* **Second Title Bar -** Enter secondtitle bar.
* **Third Title Bar  -** Enter third title bar.
* **Subtitle -** Enter a short caption of no more than 21 characters.
* **Subtitle Color -** Set a subtitle color.

![ Layout Freelance](https://3387630573-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LkzYGSYrkkPuR_RwJRs%2F-LpdxlCSP3KQnIrts1Dq%2F-Lpe07chlU8kuYi8-vfz%2F102.png?alt=media\&token=30918394-fc4f-44f9-9751-3c1c9af60edd)

**Layout Digital Agency**

* **Background Color -** Set a background color.
* **Text Color -** Set a text color.
* **Stroke Color -** Set a stroke color.
* **Background -** Upload an images for the First Screen.
* **Title (style 1) -** Input some text for the First Screen.
* **Title (style 2) -** Input some text for the First Screen.
* **Subtitle -** Enter a subtitle.

![Layout Digital Agency](https://3387630573-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LkzYGSYrkkPuR_RwJRs%2F-LpdxlCSP3KQnIrts1Dq%2F-Lpe0F0645xUsxQdEiqy%2F103.png?alt=media\&token=dbd0249e-d8af-40b6-82d6-f57774240733)

**Layout Illustrator**

* **Background -** Upload an image for the First Screen.
* **Background Color -** Set a background color.
* **Text Color -** Set a text color.
* **Stroke Color -** Set a stroke color
* **Filling -** Choose a filling background.
* **Background Align -** Choose a background align.
* **Title (style 1) -** Input some text for the First Screen.
* **Title (style 2) -** Input some text for the First Screen.
* **Description** - Enter a description.
* **Tag 1** - Enter a tag 1.
* **Tag 2** - Enter a tag 2.

![Layout Illustrator](https://3387630573-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LkzYGSYrkkPuR_RwJRs%2F-LpdxlCSP3KQnIrts1Dq%2F-Lpe0NYC0sMLTT0WFCqO%2F104.png?alt=media\&token=9163aafb-128f-4b0e-b967-534cc5aa85da)