> ## Documentation Index
> Fetch the complete documentation index at: https://docs.stackfront.digital/llms.txt
> Use this file to discover all available pages before exploring further.

# Branding & Layout Overview

# Branding & Layout

All branding, layout, and UI configuration is fetched as part of the remote SDK config during initialization. These values are cached in context and accessible synchronously through dedicated hooks — no additional API calls needed.

## Quick Reference

| Hook                 | Returns                   | Source                       |
| -------------------- | ------------------------- | ---------------------------- |
| `useBranding()`      | Colors, fonts, logos      | `config.branding`            |
| `useFeatureFlags()`  | Binary feature toggles    | `config.featureFlags`        |
| `useBanners()`       | Carousel banners          | `config.banners`             |
| `usePopups()`        | Popup/overlay definitions | `config.activePopups`        |
| `useAnnouncements()` | Announcement bar messages | `config.activeAnnouncements` |

## How It Works

When `StackfrontProvider` mounts, the `ConfigService` fetches a single `SdkConfigResponse` containing all UI configuration. This is stored in context and the hooks above simply read from it:

```ts theme={null}
// useBranding() is equivalent to:
const { config } = useStackfront();
return config?.branding ?? null;
```