> For the complete documentation index, see [llms.txt](https://docs.scaleflex.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.scaleflex.com/portals/building-a-portal/style.md).

# Style

Set the colours, type and shape of a Portal once, and every section follows them.

**Style** is where a Portal gets its look. You set it once for the whole Portal rather than section by section, so everything stays consistent as the Portal grows — and changing your mind later is one edit, not fifty.

Open it from the **Style** tab in the builder sidebar. It has three groups, each on its own page here.

<figure><img src="https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2F7Wh8vIqxdtmMfOhgshpu%2Fimage.png?alt=media&#x26;token=4578426a-d3c9-41d5-8327-725e12333664" alt="" width="375"><figcaption><p>The <strong>Style</strong> tab in the builder sidebar, with its three groups.</p></figcaption></figure>

| Group                                                            | Covers                                                                         |
| ---------------------------------------------------------------- | ------------------------------------------------------------------------------ |
| [**Colors**](/portals/building-a-portal/style/colors.md)         | Light or dark theme, your primary and accent colours, and the page background. |
| [**Typography**](/portals/building-a-portal/style/typography.md) | Typefaces, and the size, line height and letter spacing of each text level.    |
| [**Appearance**](/portals/building-a-portal/style/appearance.md) | Corners, button size, shadow, image borders, heading dividers and motion.      |

{% hint style="warning" %}
Changes only reach visitors after you select **Publish changes**.
{% endhint %}

## Preset themes

**Browse preset themes**, pinned at the bottom of the panel, applies a complete look in one go — colours, typography and shape together. There are thirteen:

<figure><img src="https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FScFyLNlKMocJyCpVYiuq%2Fimage.png?alt=media&#x26;token=fa186f1f-8660-4783-8bed-346423657dcc" alt=""><figcaption><p><strong>Browse preset themes</strong> — each applies colours, typography and shape together.</p></figcaption></figure>

| Theme           | The look                                                                                                                    |
| --------------- | --------------------------------------------------------------------------------------------------------------------------- |
| **Minimal**     | Neutral palette, subtle corners and clean Inter type — a restrained, content-first look.                                    |
| **Bold**        | High-contrast accent, sharp corners and a heavy Poppins heading for a confident, punchy feel.                               |
| **Editorial**   | Elegant Playfair Display serif headings over rounded corners — a magazine-style reading vibe.                               |
| **Soft**        | Pastel background tone, pill corners and friendly Poppins type for a warm, approachable surface.                            |
| **Corporate**   | Trustworthy blue accent, rounded corners and dependable Roboto Slab headings for business portals.                          |
| **Midnight**    | Dark surface with a luminous cyan accent and modern Space Grotesk headings — a sleek night mode.                            |
| **Nature**      | Fresh green accent, gently rounded corners and friendly Nunito type for an organic, calm feel.                              |
| **Sunset**      | Warm orange accent, rounded corners and rounded Quicksand headings for an energetic, inviting look.                         |
| **Institution** | Ultramarine surfaces under near-black buttons and a Playfair display face — the gallery convention.                         |
| **Studio**      | Warm stone surfaces with a single vermilion call to action — a quiet paper ground that lets one loud action carry the page. |
| **Luxe**        | Dark surface, champagne-gold accent and Cormorant Garamond serif display, with gradient headlines and hairline dividers.    |
| **Noir**        | Monochrome palette, sharp corners, flat surfaces and Archivo headings — editorial black-and-white with underlined links.    |
| **Glass**       | Indigo accent over a soft aurora background with frosted-glass cards and Space Grotesk headings — a modern tech look.       |

Applying one replaces what you had set, so it's the fastest way to start and a blunt instrument later. The confirmation offers **Undo** if it wasn't what you expected.

A preset is a starting point, not a commitment — apply the nearest one, then adjust the colours to your brand.