---
title: Design References
---

<https://marketplace.capital-fox.com/?hsLang=en>

<https://marketplace.capital-fox.com/?hsLang=en>[![LOGO](https://marketplace.capital-fox.com/hubfs/LOGO.svg "LOGO")](https://marketplace.capital-fox.com/?hsLang=en)

- Homes 
    - [Professional Home](https://marketplace.capital-fox.com/adaptosphere-pro/home)
    - [Home Page B2B](https://marketplace.capital-fox.com/adaptosphere-pro/home-b2b)
    - [Home Page B2C](https://marketplace.capital-fox.com/adaptosphere-pro/home-b2c)
- Landing Pages 
    - [Landing Page](https://marketplace.capital-fox.com/adaptopspehere-pro/lp-one)
- Templates 
    - [About Us](https://marketplace.capital-fox.com/adaptosphere-pro/about-us)
    - [About Us Two](https://marketplace.capital-fox.com/adaptosphere-pro/about-us-two)
    - [Contact Page](https://marketplace.capital-fox.com/adaptosphere-pro/contact-page)
    - [Informational Page](https://marketplace.capital-fox.com/adaptosphere-pro/informational-page)
- Blog 
    - [Blog Listings](https://marketplace.capital-fox.com/adaptosphere-pro/blog)
    - [Blog Article Sample](https://marketplace.capital-fox.com/blog/a-deep-dive-into-hubspot-cmss-impact-on-our-work-routine)

[Get Started](https://ecosystem.hubspot.com/marketplace/website/adaptosphere-pro-theme-by-nicolas-mendes)

# Welcome to the Stress Test Playground template.

Here you can play with different drag-and-drop sections, modules and also copy style references (CSS classes)

![Arrow_10](https://marketplace.capital-fox.com/hubfs/Arrow_10.svg "Arrow_10")

[Typography](https://marketplace.capital-fox.com/adaptopsphere-pro/design-references#typography1) [Additional](https://marketplace.capital-fox.com/adaptopsphere-pro/design-references#additional2) [Classes](https://marketplace.capital-fox.com/adaptopsphere-pro/design-references#classes3) [Spacing](https://marketplace.capital-fox.com/adaptopsphere-pro/design-references#spacing4) [Form](https://marketplace.capital-fox.com/adaptopsphere-pro/design-references#form5)

### Typography Modifiers.

These are the typography modifiers CSS classes that can be added to any text body, such as rich text modules, blog and other individual modules.

XXXL - 96px

.text-size--xxxl

XXL - 72px

.text-size--xxl

XL - 42px

.text-size--xl

Large - 32px

.text-size--large

Medium - 20px

.text-size--medium

Regular - 16px

.text-size--regular

Small - 14px

.text-size--small

 

Bold

.text--bold

Regular

.text--regular

Light

.text--light

### Buttons and CTAs.

These are the CTA types and modifiers that are intended to be used based on the relevance and content. These can be added to links, buttons, divs and more.

HubSpot Default Button

Primary Button

Secondary Button

### Additional Modifiers.

These are the additional modifiers that are intended to be used in specific cases. These can be added to body copy, images and backgrounds (depending on the use).

 

Italic

.text-mod--italic

Marker

.text-mod--marker

Highlight

.text-mod--highlight

![imageeffect](https://marketplace.capital-fox.com/hubfs/imageeffect.png "imageeffect")

### Classes Usage.

You can add these classes by editing the source code of any rich text/content field in a module by clicking in "Advanced" then "Source Code"

### Light Heading 3 Sample

`<h3 class="text--light">Light Heading 3 Sample</h3>`

---

#### Bold Large Heading 4 Sample

`<h4 class="text-size--large text--bold">Bold Large Heading 4 Sample</h4>`

---

### XL Heading 3 Sample with Highlight

`<h3 class="text--xl">XL Heading 3 Sample with <span class="text-mod--highlight">Highlight</span></h3>`

---

This text here is MARKED

`<p>This text here is <span class="text-mod--marker">MARKED</span></p>`

### Spacing References.

These are the key spacing blocks used across the theme inside modules and between sections.

![spacing-reference](https://marketplace.capital-fox.com/hubfs/spacing-reference.png "spacing-reference")

### Form Stress Test.

This is just a form with a couple fields to test and stress test how it will behave inside the theme.

[![LOGO](https://marketplace.capital-fox.com/hubfs/LOGO.svg "LOGO")](https://marketplace.capital-fox.com/?hsLang=en)

Accounting for better businesses

 General

- About Us
- Career
- Press
- Privacy policy and Opt Out

 Blog

- Blog content

 Follow us

[Facebook](https://www.facebook.com/)

[Instagram](https://www.instagram.com/)

[LinkedIn](https://www.linkedin.com/)

[YouTube](https://www.youtube.com/)

 @2024