> For the complete documentation index, see [llms.txt](https://space7.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://space7.gitbook.io/docs/dashboard/page/style.md).

# Style

Here, You can modify visual aspects of Your page. Greater the plan, greater the customization options.

## 🎨 Colors.

*Standard* and *Premium* users can switch between `Light` and `Dark` modes.

*Elite* members can choose a custom colors for: *Banner, Bottom panel, Name, Description, Links background and Discord embed.*

***

## 💻 Layout.

This section is the same for all plans.

#### Links orientation:

* Horizontal:

  <figure><img src="https://1513198785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ7gAtJDCP0ywCIW3J8EN%2Fuploads%2FHbfHlmH3Y7hdTUpQp4Dj%2Fimage.png?alt=media&amp;token=1c52cefe-e74f-4dc6-a111-f300b7cfcb6c" alt="" width="198"><figcaption><p>Horizontal links orientation</p></figcaption></figure>
* Vertical:

  <figure><img src="https://1513198785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ7gAtJDCP0ywCIW3J8EN%2Fuploads%2FOD4eFJKixwEe1ZIgiwjF%2Fimage.png?alt=media&amp;token=41fa824c-3b7d-4323-806f-2ece7a6fde61" alt="" width="199"><figcaption><p>Vertical links orientation</p></figcaption></figure>

#### Panels style:

* Connected:

  <figure><img src="https://1513198785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ7gAtJDCP0ywCIW3J8EN%2Fuploads%2FuESsmScooBlCmDQdWP8E%2Fimage.png?alt=media&amp;token=741ca82a-1d58-4611-a6d6-d8799ae960dc" alt="" width="217"><figcaption><p>Connected panels.</p></figcaption></figure>
* Separated:

  <figure><img src="https://1513198785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ7gAtJDCP0ywCIW3J8EN%2Fuploads%2Fz0AXnfvZmLTCp37AilMl%2Fimage.png?alt=media&amp;token=e2be2c57-5ed9-4c20-8253-d074339928c4" alt="" width="216"><figcaption><p>Separated panels.</p></figcaption></figure>

#### Bio alignment:

* Left:

  <figure><img src="https://1513198785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ7gAtJDCP0ywCIW3J8EN%2Fuploads%2F1KmOWe30yptYEcGatYUl%2Fimage.png?alt=media&amp;token=450ea3f0-300c-4abe-8ae5-1fd121355e76" alt="" width="292"><figcaption><p>Bio left alignment.</p></figcaption></figure>

* Centered:&#x20;

  <figure><img src="https://1513198785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ7gAtJDCP0ywCIW3J8EN%2Fuploads%2FB1QuJpzIjREDRruvR8S8%2Fimage.png?alt=media&amp;token=ef638a08-2bfb-403b-8fae-e372fd7679cb" alt="" width="295"><figcaption><p>Centered bio.</p></figcaption></figure>

#### Show views count / join date:

This settings shows or hides these information:

<figure><img src="https://1513198785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ7gAtJDCP0ywCIW3J8EN%2Fuploads%2FJ4M2LoA9Oo0ytMwBODyU%2Fimage.png?alt=media&amp;token=ba3635dd-2373-40ed-8185-1756a104ee43" alt="" width="172"><figcaption><p>Views count, join date shown.</p></figcaption></figure>

***

## 🔧  Custom.

* **Cursor**: Replaces the system cursor with Your image.

  <figure><img src="https://1513198785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ7gAtJDCP0ywCIW3J8EN%2Fuploads%2FsfjfMgpCsOfqcILSUX0J%2Fimage.png?alt=media&amp;token=3740ce9a-1fd9-47d3-ae2b-2b1346dcc7dc" alt=""><figcaption><p>Custom cursor</p></figcaption></figure>
* **Font** (*Elite only*): Replaces the default font (`Poppins`) with another font from <https://fonts.google.com/>. You should write the font's name here, for example, `Reddit Mono`. This input is not case-sensitive.

***

## 🎇  Animations.

* Title animation (*Elite and Premium only*):&#x20;

  <figure><img src="https://1513198785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ7gAtJDCP0ywCIW3J8EN%2Fuploads%2FhAv7ag96GEEYbyiMDGGF%2FAnimation.gif?alt=media&amp;token=9e2e6bda-e577-48a6-9603-d26bad96770e" alt=""><figcaption><p>Title animation example.</p></figcaption></figure>
* Username animation (*Elite only*):

  <figure><img src="https://1513198785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ7gAtJDCP0ywCIW3J8EN%2Fuploads%2FpccgXj5nNBgaVmbCqOEf%2FAnimation.gif?alt=media&amp;token=8d565a10-d642-496b-9949-1259243adb77" alt=""><figcaption><p>Username animation example.</p></figcaption></figure>
* Load animation (*Elite only*): changes Your bio animation when the page is loaded.