Features
Websites & publishingPortfolio engineMedia & deliveryClient deliveryCoursesCommerce & operationsTeam & workflow
FoundationSolutionsPricingDocumentation
About
AboutCommitmentNewsroom
Sign In
ArtInStack

The creative operating system

Product

  • Features overview
  • Websites
  • Portfolio
  • Media
  • Client delivery
  • Courses
  • Commerce
  • Team
  • Solutions

Resources

  • Guides
  • Documentation
  • Platform foundation
  • Pricing
  • Changelog
  • Roadmap

About

  • About
  • Commitment
  • Newsroom
  • Status
  • Talk to us

Customer login

© 2026 ArtInStack. All rights reserved.

Privacy policyTerms of service
All documentation

Build Your Website

  • Open the page editor
  • Introduction to the page editor
  • Page editor sidebar and toolbar
  • Page settings and overrides
  • Page editor events and interactions
  • Page layout and content
  • Editor blocks and layout reference
  • Add contact form to pages
  • Add a map to pages
  • Working with page templates
  • Feature card and Features grid
  • Preview and publish
  • Template manager
  • Edit your homepage
  • Add and manage pages
  • Page SEO settings
  • Site theme and branding
  • Troubleshoot publishing issues
  • Header, footer, and navigation
Start HereNext: Media Library
Documentation/Build Your Website

Site theme and branding

Settings → Theme sets global colors, typography, and spacing presets that flow into page editor blocks and public pages—pair with Settings → General and Header & Footer so Site name, logo, and chrome match your brand everywhere.

Theme controls global colors, fonts, and spacing applied across your site. Adjust branding under Settings → Theme and complementary layout options under Site layout. Consistent branding makes your site feel intentional to clients and visitors — mismatched fonts between the homepage and blog index undermine trust faster than a typo in your bio.

Prerequisites

Dashboard → Settings → Theme

Related: Dashboard → Settings → Site layout, General (site name)

What you're looking at

Theme tab: color palette, typography presets, button styles, and accent options.

Site layout tab: page width, section spacing, and layout presets where your theme offers them.

Implementation steps

  1. Open Settings and select the Theme tab.
  2. Choose a preset close to your brand or set primary and secondary colors manually.
  3. Select heading and body fonts from available options.
  4. Save theme changes.
  5. Open Site layout and pick a layout preset if one fits your portfolio style.
  6. Open Pages → Edit your homepage and preview with Desktop and Mobile.
  7. Adjust theme colors until contrast and readability look correct on both light and dark image backgrounds.
  8. Publish key pages if they were draft while you tested the new look.

What you'll see

Public pages reflect your chosen colors and fonts. Branding feels consistent between homepage, interior pages, and blog index.

If text is hard to read on colored sections

Extreme custom colors may fail accessibility contrast — check body text on colored backgrounds. Some blocks override theme colors locally in block settings, so a single section may need a manual adjustment even after you save the global theme.

Verifying your setup

  • Theme colors and fonts saved under Settings → Theme.
  • Homepage preview matches your brand direction on desktop and mobile.
  • Site name set under Settings → General.