Brand & site settings

Site settings apply to every page at once. Your name, logo, colors, fonts, header menu, and footer are all set here, not on individual pages.

To open them, go to Content → settings → site. Settings is a form with no page body. Each change shows in the preview right away (except site-wide code; see below).

Looking for where to change the logo, the menu, or the footer? It's here. These appear on every page, so they're set once for the whole site.

Identity

Setting	What it does
Site name	Shown in the header next to your logo icon, and in the default footer copyright line. Also used as the browser-tab title for any page without its own Title.
Site description	Used by search engines and social link previews for any page without its own Description.
Logo icon	The icon shown before your site name in the header, in your primary color. Pick one from the icon library (the lucide and simple-icons sets).
Favicon	The small icon in the browser tab. Upload a `.png`, `.svg`, or `.ico` file in Media, then pick it here. Leave it empty to use the default icon.

The header logo is an icon plus your site name, not an uploaded image. To show your full logo image, use a Page HeroLogo, or hide the header and build your own top section.

Colors and appearance

Setting	Options	What it does
Primary color	red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose	Your main brand color: buttons, links, highlights, icons.
Neutral color	slate, gray, zinc, neutral, stone	The grays used for text, borders, and backgrounds. slate is slightly blue, stone is slightly warm, and neutral is a pure gray.
Appearance	Light, Dark, System	Light (the default) always shows a light site. Dark always shows a dark one. System follows each visitor's device setting.

Before you switch Appearance to Dark or System, check every page in dark mode. Text or backgrounds you've given fixed colors, such as text-gray-900 or bg-white, stay the same in dark mode and can become hard to read. See Page backgrounds.

Fonts

Under Fonts:

Setting	What it does
Heading font	The font for all headings. Choose from the full Google Fonts library.
Body font	The font for all other text.
Custom heading font name / Custom body font name	Uses your own brand font instead. Enter its exact font name. When set, it replaces the dropdown choice above it.
Custom heading font source / Custom body font source	Where the custom font comes from: a font file you uploaded to Media, or a font link from a font service.

See Brand fonts for step-by-step instructions. Pages and individual blocks can override these fonts. See How settings layer.

Navigation

Navigation is the menu in your site header. On phones, it moves into a menu button. Each item has:

Field	What it does
Label	The text visitors see.
Link	Where it goes: a section on the page (`#features`), another page (`/about`), or another website (`https://…`).
Open in new tab	Set to `_blank` for links to other websites.

Use Add to add items, the arrows to reorder them, and Delete item to remove one. If the list is empty, the header shows no menu.

The starter site's menu links to sections on the home page (#features, #overview, #details, #faq). If you remove or rename those sections, update or remove the matching menu items. To link a menu item to a section, give the block an ID. See Linking to a section.

Header button

Header CTA adds a button on the right side of the header, and at the bottom of the mobile menu:

Field	What it does
Header button label	The button text, such as Get Started. Leave it empty to hide the button.
Header button link	Where it goes: `#section`, `/page`, or `https://…`.
Open in new tab	Set to `_blank` for other websites.

Footer

The footer appears at the bottom of every page (unless a page hides it):

Setting	What it does
Footer text	Replaces the default copyright line, © {year} {Site name}. All rights reserved.
Footer links	A row of text links, such as Privacy Policy, Terms, or Contact. Each has a Label, a Link, and Open in new tab.
Social links	Icon buttons for your profiles. Each has a Label (the name screen readers announce, such as Instagram), a Link (the full profile URL), and an Icon (such as `i-lucide-instagram`). Social links always open in a new tab.

Put text links, such as Privacy Policy or Terms, in Footer links, not Social links. Social links show only an icon, so a Privacy link would appear as a bare icon or a stray word.

Site-wide code

For marketing and form services that ask you to "add this code to every page of your site":

Setting	Use it for
Code for the head of every page	Code the service says to put in the `<head>`, for example Klaviyo's onsite script, an analytics tag, or a verification snippet.
Code for the end of every page	Code the service says to put "before the closing `</body>` tag".

Paste the code exactly as the service gives it. Changes show after you reload the page.

To show a form in one particular spot on a page, use a Form Embed block instead. See Forms. Site-wide code is for scripts that run on every page, such as tracking, chat widgets, and pop-up forms.

Block reference

Every Deep Woods block, with its fields and copy-paste examples.

Media, images & fonts

Upload and use images, video, audio, and brand font files in Studio.