Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

PalateKit Pick

HubSpot style: cream, serif and action orange v1.0.0

Use this resource to design a marketing or sales site with a warm, clear tone

New

  • 227 downloads
  • 139 likes
  • 250 saves

$4.99

Lifetime access to this resource, with its updates.

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install hubspot-design

First time: connect the CLI with

npx --yes palatekit@latest login

Your agent gets the tokens, components, states (empty, loading, error, success), motion rules and a voice and tone guide. You get clear sales pages where orange is reserved for action and sections alternate cream and parchment without shadows.

Mostly picked by

Updated November 2, 2026

Cream background with a bright orange button, serif headings and a dark teal section.

Details

Works in
Install guides
Generates with
Your agent's model
Licence
MIT

Similar resources

View all

What you get

  • DESIGN.md with tokens, typography, components, states and motion
  • A voice and tone guide, with a register to avoid
  • Ready-to-use component prompts and an iteration guide
  • A list of known contrast gaps

Good fit for

  • Marketing site or service sales page
  • Signup or demo funnel
  • Writing copy aligned with the brand tone

Not for

  • Dark or data-dense interfaces
  • Reusing HubSpot's logo or proprietary fonts
  • Sites without a single main call to action

Tags

  • marketing
  • crm
  • orange
  • serif
  • sales

About

You say

"Build the homepage for your service in the style of HubSpot, following DESIGN.md."

Cream background with a bright orange button, serif headings and a dark teal section.

DESIGN.md file published by kwakseongjae under the MIT license.

Show more

Prerequisites

You bring
Your site copy and offers and Your own logo and visuals

How to use it

  1. Copy DESIGN.md to your project root.
  2. Ask your agent to read the file before coding the interface.
  3. Check the colors and fonts, then adjust with your own content.

Content preview

Files

  • DESIGN.md31.6 KB
  • LICENSE1 KB
  • NOTICE-PALATEKIT.md0.4 KB

Origin and licence

Modified by PalateKit

Author
kwakseongjae
Source
github.com/kwakseongjae/oh-my-design/tree/3d807fd476fbcee543e78bc03bca60e557280ee3/design-md/hubspot
Licence
MIT

Notice

Version modifiée de « HubSpot » (kwakseongjae, MIT) : traduction française et fiche par PalateKit.

User reviews

–

No ratings yet

Loading reviews…

Delete your review?

Your rating and comment will be removed from the page.

Frequently asked questions

How do I use this file?

Copy DESIGN.md to your project root, then ask your agent to build the interface "in the style of HubSpot" using this file.

Are the fonts included?

No, the file names the fonts and gives their sizes; load them yourself (Google Fonts or system fallbacks). Logos are not included.