---
title: Style Guide | Euphoria
description: "Live design system: type, color, components, and patterns."
---

[Skip to content](https://test.codebyaryan.com/euphoria/style-guide#main-content)

[Euphoria](https://test.codebyaryan.com/euphoria?hsLang=en)

- Home
  
  Show submenu for Home 
  
    - [Home (Main)](https://test.codebyaryan.com/euphoria)
    - [Home Slider](https://test.codebyaryan.com/euphoria/home-slider)
    - [Home Full Bleed](https://test.codebyaryan.com/euphoria/home-full-bleed)
    - [Home Minimal](https://test.codebyaryan.com/euphoria/home-minimal)
- About
  
  Show submenu for About
  
  Our Story
  
    - [About Overview Who we are and what we stand for](https://test.codebyaryan.com/euphoria/about)
    - [Our Story How the studio began and grew](https://test.codebyaryan.com/euphoria/about-story)
    - [Culture Values, process, and how we work](https://test.codebyaryan.com/euphoria/about-culture)
    - [Impact & Stats Proof points and studio metrics](https://test.codebyaryan.com/euphoria/about-stats)
  
  
  People
  
    - [Team Meet partners and specialists](https://test.codebyaryan.com/euphoria/team)
    - [Team Member Individual profile layout](https://test.codebyaryan.com/euphoria/team-member)
    - [Careers Open roles at the studio](https://test.codebyaryan.com/euphoria/careers)
    - [Career Detail Single role with apply CTA](https://test.codebyaryan.com/euphoria/career-detail)
  
  
  Featured
  
    - [Client Testimonials POPULAR Trust signals from partners](https://test.codebyaryan.com/euphoria/testimonials)
    - [Pricing Packages for every studio size](https://test.codebyaryan.com/euphoria/pricing)
    - [Contact Us NEW Start a project conversation](https://test.codebyaryan.com/euphoria/contact)
- Work
  
  Show submenu for Work
  
  Project
  
    - [Portfolio Selected studio projects](https://test.codebyaryan.com/euphoria/portfolio)
    - [Project Detail Deep-dive project narrative](https://test.codebyaryan.com/euphoria/portfolio-detail)
    - [Case Studies Client success stories](https://test.codebyaryan.com/euphoria/case-study)
    - [Case Study Detail Challenge, approach, results](https://test.codebyaryan.com/euphoria/case-studies)
  
  
  By Focus
  
    - [Solutions Enterprise-ready website solutions](https://test.codebyaryan.com/euphoria/solutions)
    - [Industries Architecture, interiors, agencies](https://test.codebyaryan.com/euphoria/industries)
    - [Pillar Page Long-form SEO content layout](https://test.codebyaryan.com/euphoria/pillar)
    - [Resources Guides and downloadable assets](https://test.codebyaryan.com/euphoria/resources)
  
  
  Featured
  
    - [Full Bleed Home NEW Immersive visual homepage](https://test.codebyaryan.com/euphoria/home-full-bleed)
    - [Customer Success POPULAR Popular case study grid](https://test.codebyaryan.com/euphoria/case-studies)
    - [Style Guide Live design system gallery](https://test.codebyaryan.com/euphoria/style-guide)
  
  
  
  
  [View all](https://test.codebyaryan.com/euphoria/portfolio)
- Services
  
  Show submenu for Services 
  
    - [All Services](https://test.codebyaryan.com/euphoria/services)
    - [Service Detail](https://test.codebyaryan.com/euphoria/service-detail)
    - [Solutions](https://test.codebyaryan.com/euphoria/solutions)
    - [Industries](https://test.codebyaryan.com/euphoria/industries)
    - [Pricing](https://test.codebyaryan.com/euphoria/pricing)
    - [Free Audit Landing](https://test.codebyaryan.com/euphoria/landing-audit)
- Journal
  
  Show submenu for Journal 
  
    - [Blog](https://test.codebyaryan.com/blog)
    - [Blog (Magazine)](https://test.codebyaryan.com/journal)
    - [Blog (Sidebar)](https://test.codebyaryan.com/blog)
    - [Blog post](https://test.codebyaryan.com/blog/adaptive-reuse-and-the-future-of-heritage)
    - [Blog post (Minimal)](https://test.codebyaryan.com/journal/what-is-lorem-ipsum)
    - [Author](https://test.codebyaryan.com/blog/author/aryan-antal)
- More
  
  Show submenu for More 
  
    - [Contact](https://test.codebyaryan.com/euphoria/contact)
    - [Contact Centered](https://test.codebyaryan.com/euphoria/contact-centered)
    - [Locations](https://test.codebyaryan.com/euphoria/contact-locations)
    - [FAQ](https://test.codebyaryan.com/euphoria/faq)
    - [Documentation](https://test.codebyaryan.com/euphoria/documentation)
    - [Downloads](https://test.codebyaryan.com/euphoria/downloads)
    - [Style Guide](https://test.codebyaryan.com/euphoria/style-guide)
    - [Landing Page](https://test.codebyaryan.com/euphoria/landing)
    - [Masterclass](https://test.codebyaryan.com/euphoria/landing-masterclass)
    - [Playbook](https://test.codebyaryan.com/euphoria/landing-playbook)
    - [Free Trial](https://test.codebyaryan.com/euphoria/landing-trial)
    - [Free Audit](https://test.codebyaryan.com/euphoria/landing-audit)

- Home
  
  Show submenu for Home 
  
    - [Home (Main)](https://test.codebyaryan.com/euphoria)
    - [Home Slider](https://test.codebyaryan.com/euphoria/home-slider)
    - [Home Full Bleed](https://test.codebyaryan.com/euphoria/home-full-bleed)
    - [Home Minimal](https://test.codebyaryan.com/euphoria/home-minimal)
- About
  
  Show submenu for About
  
  Our Story
  
    - [About Overview Who we are and what we stand for](https://test.codebyaryan.com/euphoria/about)
    - [Our Story How the studio began and grew](https://test.codebyaryan.com/euphoria/about-story)
    - [Culture Values, process, and how we work](https://test.codebyaryan.com/euphoria/about-culture)
    - [Impact & Stats Proof points and studio metrics](https://test.codebyaryan.com/euphoria/about-stats)
  
  
  People
  
    - [Team Meet partners and specialists](https://test.codebyaryan.com/euphoria/team)
    - [Team Member Individual profile layout](https://test.codebyaryan.com/euphoria/team-member)
    - [Careers Open roles at the studio](https://test.codebyaryan.com/euphoria/careers)
    - [Career Detail Single role with apply CTA](https://test.codebyaryan.com/euphoria/career-detail)
  
  
  Featured
  
    - [Client Testimonials POPULAR Trust signals from partners](https://test.codebyaryan.com/euphoria/testimonials)
    - [Pricing Packages for every studio size](https://test.codebyaryan.com/euphoria/pricing)
    - [Contact Us NEW Start a project conversation](https://test.codebyaryan.com/euphoria/contact)
- Work
  
  Show submenu for Work
  
  Project
  
    - [Portfolio Selected studio projects](https://test.codebyaryan.com/euphoria/portfolio)
    - [Project Detail Deep-dive project narrative](https://test.codebyaryan.com/euphoria/portfolio-detail)
    - [Case Studies Client success stories](https://test.codebyaryan.com/euphoria/case-study)
    - [Case Study Detail Challenge, approach, results](https://test.codebyaryan.com/euphoria/case-studies)
  
  
  By Focus
  
    - [Solutions Enterprise-ready website solutions](https://test.codebyaryan.com/euphoria/solutions)
    - [Industries Architecture, interiors, agencies](https://test.codebyaryan.com/euphoria/industries)
    - [Pillar Page Long-form SEO content layout](https://test.codebyaryan.com/euphoria/pillar)
    - [Resources Guides and downloadable assets](https://test.codebyaryan.com/euphoria/resources)
  
  
  Featured
  
    - [Full Bleed Home NEW Immersive visual homepage](https://test.codebyaryan.com/euphoria/home-full-bleed)
    - [Customer Success POPULAR Popular case study grid](https://test.codebyaryan.com/euphoria/case-studies)
    - [Style Guide Live design system gallery](https://test.codebyaryan.com/euphoria/style-guide)
  
  
  
  
  [View all](https://test.codebyaryan.com/euphoria/portfolio)
- Services
  
  Show submenu for Services 
  
    - [All Services](https://test.codebyaryan.com/euphoria/services)
    - [Service Detail](https://test.codebyaryan.com/euphoria/service-detail)
    - [Solutions](https://test.codebyaryan.com/euphoria/solutions)
    - [Industries](https://test.codebyaryan.com/euphoria/industries)
    - [Pricing](https://test.codebyaryan.com/euphoria/pricing)
    - [Free Audit Landing](https://test.codebyaryan.com/euphoria/landing-audit)
- Journal
  
  Show submenu for Journal 
  
    - [Blog](https://test.codebyaryan.com/blog)
    - [Blog (Magazine)](https://test.codebyaryan.com/journal)
    - [Blog (Sidebar)](https://test.codebyaryan.com/blog)
    - [Blog post](https://test.codebyaryan.com/blog/adaptive-reuse-and-the-future-of-heritage)
    - [Blog post (Minimal)](https://test.codebyaryan.com/journal/what-is-lorem-ipsum)
    - [Author](https://test.codebyaryan.com/blog/author/aryan-antal)
- More
  
  Show submenu for More 
  
    - [Contact](https://test.codebyaryan.com/euphoria/contact)
    - [Contact Centered](https://test.codebyaryan.com/euphoria/contact-centered)
    - [Locations](https://test.codebyaryan.com/euphoria/contact-locations)
    - [FAQ](https://test.codebyaryan.com/euphoria/faq)
    - [Documentation](https://test.codebyaryan.com/euphoria/documentation)
    - [Downloads](https://test.codebyaryan.com/euphoria/downloads)
    - [Style Guide](https://test.codebyaryan.com/euphoria/style-guide)
    - [Landing Page](https://test.codebyaryan.com/euphoria/landing)
    - [Masterclass](https://test.codebyaryan.com/euphoria/landing-masterclass)
    - [Playbook](https://test.codebyaryan.com/euphoria/landing-playbook)
    - [Free Trial](https://test.codebyaryan.com/euphoria/landing-trial)
    - [Free Audit](https://test.codebyaryan.com/euphoria/landing-audit)

[Buy Now](https://ecosystem.hubspot.com/marketplace/website/euphoria-theme-by-magazine-makers)

[Euphoria](https://test.codebyaryan.com/euphoria?hsLang=en)

- Home
  
  Show submenu for Home 
  
    - [Home (Main)](https://test.codebyaryan.com/euphoria)
    - [Home Slider](https://test.codebyaryan.com/euphoria/home-slider)
    - [Home Full Bleed](https://test.codebyaryan.com/euphoria/home-full-bleed)
    - [Home Minimal](https://test.codebyaryan.com/euphoria/home-minimal)
- About
  
  Show submenu for About
  
  Our Story
  
    - [About Overview Who we are and what we stand for](https://test.codebyaryan.com/euphoria/about)
    - [Our Story How the studio began and grew](https://test.codebyaryan.com/euphoria/about-story)
    - [Culture Values, process, and how we work](https://test.codebyaryan.com/euphoria/about-culture)
    - [Impact & Stats Proof points and studio metrics](https://test.codebyaryan.com/euphoria/about-stats)
  
  
  People
  
    - [Team Meet partners and specialists](https://test.codebyaryan.com/euphoria/team)
    - [Team Member Individual profile layout](https://test.codebyaryan.com/euphoria/team-member)
    - [Careers Open roles at the studio](https://test.codebyaryan.com/euphoria/careers)
    - [Career Detail Single role with apply CTA](https://test.codebyaryan.com/euphoria/career-detail)
  
  
  Featured
  
    - [Client Testimonials POPULAR Trust signals from partners](https://test.codebyaryan.com/euphoria/testimonials)
    - [Pricing Packages for every studio size](https://test.codebyaryan.com/euphoria/pricing)
    - [Contact Us NEW Start a project conversation](https://test.codebyaryan.com/euphoria/contact)
- Work
  
  Show submenu for Work
  
  Project
  
    - [Portfolio Selected studio projects](https://test.codebyaryan.com/euphoria/portfolio)
    - [Project Detail Deep-dive project narrative](https://test.codebyaryan.com/euphoria/portfolio-detail)
    - [Case Studies Client success stories](https://test.codebyaryan.com/euphoria/case-study)
    - [Case Study Detail Challenge, approach, results](https://test.codebyaryan.com/euphoria/case-studies)
  
  
  By Focus
  
    - [Solutions Enterprise-ready website solutions](https://test.codebyaryan.com/euphoria/solutions)
    - [Industries Architecture, interiors, agencies](https://test.codebyaryan.com/euphoria/industries)
    - [Pillar Page Long-form SEO content layout](https://test.codebyaryan.com/euphoria/pillar)
    - [Resources Guides and downloadable assets](https://test.codebyaryan.com/euphoria/resources)
  
  
  Featured
  
    - [Full Bleed Home NEW Immersive visual homepage](https://test.codebyaryan.com/euphoria/home-full-bleed)
    - [Customer Success POPULAR Popular case study grid](https://test.codebyaryan.com/euphoria/case-studies)
    - [Style Guide Live design system gallery](https://test.codebyaryan.com/euphoria/style-guide)
  
  
  
  
  [View all](https://test.codebyaryan.com/euphoria/portfolio)
- Services
  
  Show submenu for Services 
  
    - [All Services](https://test.codebyaryan.com/euphoria/services)
    - [Service Detail](https://test.codebyaryan.com/euphoria/service-detail)
    - [Solutions](https://test.codebyaryan.com/euphoria/solutions)
    - [Industries](https://test.codebyaryan.com/euphoria/industries)
    - [Pricing](https://test.codebyaryan.com/euphoria/pricing)
    - [Free Audit Landing](https://test.codebyaryan.com/euphoria/landing-audit)
- Journal
  
  Show submenu for Journal 
  
    - [Blog](https://test.codebyaryan.com/blog)
    - [Blog (Magazine)](https://test.codebyaryan.com/journal)
    - [Blog (Sidebar)](https://test.codebyaryan.com/blog)
    - [Blog post](https://test.codebyaryan.com/blog/adaptive-reuse-and-the-future-of-heritage)
    - [Blog post (Minimal)](https://test.codebyaryan.com/journal/what-is-lorem-ipsum)
    - [Author](https://test.codebyaryan.com/blog/author/aryan-antal)
- More
  
  Show submenu for More 
  
    - [Contact](https://test.codebyaryan.com/euphoria/contact)
    - [Contact Centered](https://test.codebyaryan.com/euphoria/contact-centered)
    - [Locations](https://test.codebyaryan.com/euphoria/contact-locations)
    - [FAQ](https://test.codebyaryan.com/euphoria/faq)
    - [Documentation](https://test.codebyaryan.com/euphoria/documentation)
    - [Downloads](https://test.codebyaryan.com/euphoria/downloads)
    - [Style Guide](https://test.codebyaryan.com/euphoria/style-guide)
    - [Landing Page](https://test.codebyaryan.com/euphoria/landing)
    - [Masterclass](https://test.codebyaryan.com/euphoria/landing-masterclass)
    - [Playbook](https://test.codebyaryan.com/euphoria/landing-playbook)
    - [Free Trial](https://test.codebyaryan.com/euphoria/landing-trial)
    - [Free Audit](https://test.codebyaryan.com/euphoria/landing-audit)

- Home
  
  Show submenu for Home 
  
    - [Home (Main)](https://test.codebyaryan.com/euphoria)
    - [Home Slider](https://test.codebyaryan.com/euphoria/home-slider)
    - [Home Full Bleed](https://test.codebyaryan.com/euphoria/home-full-bleed)
    - [Home Minimal](https://test.codebyaryan.com/euphoria/home-minimal)
- About
  
  Show submenu for About
  
  Our Story
  
    - [About Overview Who we are and what we stand for](https://test.codebyaryan.com/euphoria/about)
    - [Our Story How the studio began and grew](https://test.codebyaryan.com/euphoria/about-story)
    - [Culture Values, process, and how we work](https://test.codebyaryan.com/euphoria/about-culture)
    - [Impact & Stats Proof points and studio metrics](https://test.codebyaryan.com/euphoria/about-stats)
  
  
  People
  
    - [Team Meet partners and specialists](https://test.codebyaryan.com/euphoria/team)
    - [Team Member Individual profile layout](https://test.codebyaryan.com/euphoria/team-member)
    - [Careers Open roles at the studio](https://test.codebyaryan.com/euphoria/careers)
    - [Career Detail Single role with apply CTA](https://test.codebyaryan.com/euphoria/career-detail)
  
  
  Featured
  
    - [Client Testimonials POPULAR Trust signals from partners](https://test.codebyaryan.com/euphoria/testimonials)
    - [Pricing Packages for every studio size](https://test.codebyaryan.com/euphoria/pricing)
    - [Contact Us NEW Start a project conversation](https://test.codebyaryan.com/euphoria/contact)
- Work
  
  Show submenu for Work
  
  Project
  
    - [Portfolio Selected studio projects](https://test.codebyaryan.com/euphoria/portfolio)
    - [Project Detail Deep-dive project narrative](https://test.codebyaryan.com/euphoria/portfolio-detail)
    - [Case Studies Client success stories](https://test.codebyaryan.com/euphoria/case-study)
    - [Case Study Detail Challenge, approach, results](https://test.codebyaryan.com/euphoria/case-studies)
  
  
  By Focus
  
    - [Solutions Enterprise-ready website solutions](https://test.codebyaryan.com/euphoria/solutions)
    - [Industries Architecture, interiors, agencies](https://test.codebyaryan.com/euphoria/industries)
    - [Pillar Page Long-form SEO content layout](https://test.codebyaryan.com/euphoria/pillar)
    - [Resources Guides and downloadable assets](https://test.codebyaryan.com/euphoria/resources)
  
  
  Featured
  
    - [Full Bleed Home NEW Immersive visual homepage](https://test.codebyaryan.com/euphoria/home-full-bleed)
    - [Customer Success POPULAR Popular case study grid](https://test.codebyaryan.com/euphoria/case-studies)
    - [Style Guide Live design system gallery](https://test.codebyaryan.com/euphoria/style-guide)
  
  
  
  
  [View all](https://test.codebyaryan.com/euphoria/portfolio)
- Services
  
  Show submenu for Services 
  
    - [All Services](https://test.codebyaryan.com/euphoria/services)
    - [Service Detail](https://test.codebyaryan.com/euphoria/service-detail)
    - [Solutions](https://test.codebyaryan.com/euphoria/solutions)
    - [Industries](https://test.codebyaryan.com/euphoria/industries)
    - [Pricing](https://test.codebyaryan.com/euphoria/pricing)
    - [Free Audit Landing](https://test.codebyaryan.com/euphoria/landing-audit)
- Journal
  
  Show submenu for Journal 
  
    - [Blog](https://test.codebyaryan.com/blog)
    - [Blog (Magazine)](https://test.codebyaryan.com/journal)
    - [Blog (Sidebar)](https://test.codebyaryan.com/blog)
    - [Blog post](https://test.codebyaryan.com/blog/adaptive-reuse-and-the-future-of-heritage)
    - [Blog post (Minimal)](https://test.codebyaryan.com/journal/what-is-lorem-ipsum)
    - [Author](https://test.codebyaryan.com/blog/author/aryan-antal)
- More
  
  Show submenu for More 
  
    - [Contact](https://test.codebyaryan.com/euphoria/contact)
    - [Contact Centered](https://test.codebyaryan.com/euphoria/contact-centered)
    - [Locations](https://test.codebyaryan.com/euphoria/contact-locations)
    - [FAQ](https://test.codebyaryan.com/euphoria/faq)
    - [Documentation](https://test.codebyaryan.com/euphoria/documentation)
    - [Downloads](https://test.codebyaryan.com/euphoria/downloads)
    - [Style Guide](https://test.codebyaryan.com/euphoria/style-guide)
    - [Landing Page](https://test.codebyaryan.com/euphoria/landing)
    - [Masterclass](https://test.codebyaryan.com/euphoria/landing-masterclass)
    - [Playbook](https://test.codebyaryan.com/euphoria/landing-playbook)
    - [Free Trial](https://test.codebyaryan.com/euphoria/landing-trial)
    - [Free Audit](https://test.codebyaryan.com/euphoria/landing-audit)

[Buy Now](https://ecosystem.hubspot.com/marketplace/website/euphoria-theme-by-magazine-makers)

 Search

 Euphoria Theme

# Design System & Style Guide

A comprehensive reference for colors, typography, components, and spacing — the complete Euphoria visual language.

Color System

## Brand Palette

Three colors. One identity. Every interface element is derived from these three precise values.

### Vanilla Custard

#FFF9EB

Primary background, cards, light surfaces

### Misty Sage

#9FB2AC

Secondary bg, muted accents, hovers

### Bloodstone

#5D0D18

Primary CTA, headings accent, footer

### Ink

#130508

Foreground — body text and headings

### Muted Rose

#7A5860

Muted text — captions and secondary copy

Typography

## Type Scale

H1 Display

72px · Bodoni Moda · Weight 600

H2 Heading

56px · Bodoni Moda · Weight 600

H3 Section

42px · Bodoni Moda · Weight 600

H4 Subhead

32px · Bodoni Moda · Weight 500

H5 Card Title

24px · Bodoni Moda · Weight 500

H6 Label

20px · Bodoni Moda · Weight 500

---

Body text at 18px

18px · DM Sans Regular

Body text at 16px

16px · DM Sans Regular

Body text at 14px

14px · DM Sans Regular

Components

## Button Variants

Primary Button Secondary Button Ghost Button

Light Button

Cards

## Card Components

Media / blog

![Brutalist interior](https://test.codebyaryan.com/hubfs/raw_assets/public/Euphoria/images/stock/interiors/interior-01.jpg) Architecture

### The New Brutalism: Beauty in Rawness

How raw concrete became the defining material language of contemporary cultural buildings.

Jun 2025 · 8 min  Read

![Quiet luxury interior](https://test.codebyaryan.com/hubfs/raw_assets/public/Euphoria/images/stock/interiors/interior-02.jpg) Interior

### Quiet Luxury in Residential Design

A study in restraint — muted palettes, tactile materials, and light as the primary finish.

May 2025 · 6 min  Read

![Stone and timber detail](https://test.codebyaryan.com/hubfs/raw_assets/public/Euphoria/images/stock/interiors/interior-03.jpg) Material

### Stone, Timber, and Soft Shadow

Material pairings that age gracefully and hold their composure across seasons of light.

Apr 2025 · 5 min  Read

Feature

### Editorial Typography

Bodoni Moda display with DM Sans body — a pairing that feels like a luxury magazine.

### Swiss Grid System

12-column layout with deliberate whitespace and a disciplined content rhythm.

### Luxury Motion

Scroll reveals and micro-interactions timed for editorial calm, not noise.

Service

01 Theme

### Brand Customization

Full visual identity integration within Euphoria’s refined design system.

 Learn more

02 Build

### Module Library

Configurable HubSpot modules built for architecture and design studios.

 Learn more

03 Launch

### Marketplace Ready

Clean code, rich fields, and standards-aligned delivery for client sites.

 Learn more

Team

![Elena Vasquez](https://test.codebyaryan.com/hubfs/raw_assets/public/Euphoria/images/stock/team/team-01.jpg)

### Elena Vasquez

Creative Director

![Marcus Chen](https://test.codebyaryan.com/hubfs/raw_assets/public/Euphoria/images/stock/team/team-02.jpg)

### Marcus Chen

Principal Architect

![Sofia Alvarez](https://test.codebyaryan.com/hubfs/raw_assets/public/Euphoria/images/stock/team/team-03.jpg)

### Sofia Alvarez

Interior Lead

Spacing

## Spacing Scale

4px

8px

12px

16px

24px

32px

48px

64px

80px

Radius

## Border Radius Scale

Small — 12px

Medium — 20px

Large — 32px

XL — 48px

FAQ

## Accordion Component

What is Euphoria?

Euphoria is a premium HubSpot theme for architecture and design studios — built around editorial typography, a restrained three-color palette, and 80+ configurable modules.

Which HubSpot tier is required?

Euphoria works on HubSpot CMS Hub Professional and above. Some modules rely on forms, blogs, and advanced menu features available on those tiers.

Can I customize the color palette?

Yes. Primary, secondary, background, foreground, and muted colors are all editable in Theme Settings → Global colors, and map across the entire design system.

Contact Form

## Form Component

The same HubSpot form used on the Contact page — ready for style-guide reference.

We respond within one business day. No spam, ever.

Get Started

## Ready to Transform Your Digital Presence?

Join hundreds of architectural studios already using Euphoria.

Book a Consultation

[Euphoria](https://test.codebyaryan.com/euphoria?hsLang=en)

A premium HubSpot Marketplace theme for architectural studios and creative agencies that refuse to compromise on quality.

[Follow us on Instagram](https://www.instagram.com/) [Follow us on X](https://www.twitter.com/) [Follow us on LinkedIn](https://www.linkedin.com/) [Follow us on Facebook](https://www.facebook.com/)

## Theme

- [Style Guide](https://test.codebyaryan.com/euphoria/style-guide)
- [Documentation](https://test.codebyaryan.com/euphoria/documentation)
- [Pricing](https://test.codebyaryan.com/euphoria/pricing)
- [Resources](https://test.codebyaryan.com/euphoria/resources)
- [Marketplace](https://ecosystem.hubspot.com/marketplace/website)

## Pages

- [About](https://test.codebyaryan.com/euphoria/about)
- [Services](https://test.codebyaryan.com/euphoria/services)
- [Portfolio](https://test.codebyaryan.com/euphoria/portfolio)
- [Blog](https://test.codebyaryan.com/blog)
- [Careers](https://test.codebyaryan.com/euphoria/careers)

## Legal

- [Privacy Policy](https://test.codebyaryan.com/euphoria/privacy)
- [Terms of Use](https://test.codebyaryan.com/euphoria/terms)
- [FAQ](https://test.codebyaryan.com/euphoria/faq)
- [Contact](https://test.codebyaryan.com/euphoria/contact)

hello@euphoriastudio.com

[+1 (415) 555-0194](tel:+14155550194)

San Francisco

© {{year}} Euphoria Theme. All rights reserved.

- [Style Guide](https://test.codebyaryan.com/euphoria/style-guide)
- [Docs](https://test.codebyaryan.com/euphoria/documentation)
- [Search](https://test.codebyaryan.com/hs-search-results)
- [404](https://test.codebyaryan.com/hs-search-resu)

```json
{
  "@context" : "https://schema.org",
  "@type" : "FAQPage",
  "mainEntity" : [ {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "Euphoria is a premium HubSpot theme for architecture and design studios — built around editorial typography, a restrained three-color palette, and 80+ configurable modules."
    },
    "name" : "What is Euphoria?"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "Euphoria works on HubSpot CMS Hub Professional and above. Some modules rely on forms, blogs, and advanced menu features available on those tiers."
    },
    "name" : "Which HubSpot tier is required?"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "Yes. Primary, secondary, background, foreground, and muted colors are all editable in Theme Settings → Global colors, and map across the entire design system."
    },
    "name" : "Can I customize the color palette?"
  } ]
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "Organization",
  "name" : "Euphoria Studio",
  "url" : "https://www.example.com"
}
```