Foundations

The SkoolPrep design system

Two typefaces and a monospace, a 4px spatial rhythm, and a palette that stays out of the way until a number needs attention. Everything below is pulled from the live components. Nothing here is a mockup.

01 · Colour

Colour

Paper

--bg

Page ground. Warm off-white, deliberately not #fff.

Surface

--surface

Cards, tables, header, footer.

Raise

--raise

Table headers, hover states, quiet blocks.

Rule

--rule

Every border. 1px, always.

Ink

--ink

Body copy and headings.

Ink secondary

--ink-2

Standfirsts, secondary copy.

Ink tertiary

--ink-3

Metadata, captions, mono labels.

Blue

--blue

Links, tool accents, structural emphasis.

Blue soft

--blue-soft

Tool callout background, live badge.

Red

--red

The one action. Article topic kicker.

Gold

--gold

Selection highlight, progress bar fill.

Gold soft

--gold-soft

Behind an emphasised figure or reference row.

02 · Typography

Typography

Display: Newsreader 500, -0.025em

The honest way to start a Skool community

H1: Newsreader 500, -0.025em

The SkoolPrep design system

Standfirst: Newsreader 400

Two typefaces and a monospace, a 4px spatial rhythm, and a palette that stays out of the way until a number needs attention.

H2: Archivo 600, -0.02em

Fees, compared honestly

H3: Archivo 600, -0.015em

When Pro gets cheaper than Hobby

Article body: Newsreader 400, 1.66

Most creators start on Hobby and only move to Pro once transaction volume makes the switch pay for itself.

UI body: Archivo 400

Set your income goal and see how many members it takes.

Small: Archivo 400

Checked against skool.com/pricing.

Caption: Archivo 400

Figures updated 7 aug 2026.

Label / kicker: IBM Plex Mono, 0.08em

Pricing & fees

Figure: headline

78

Figure: card

$412

Figure: inline

10%

03 · Spacing & radii

Spacing and radii

4px
8px
12px
16px
20px
24px
32px
44px
64px
96px

Badges

5px

Buttons, thumbnails

7–9px

Cards, tables

12px

Large panels, hero images

14px

Progress bars, dots

999px

04 · Buttons

Buttons

05 · Kicker & badge

Kicker and badge

Pricing & fees

Updated 7 aug 2026 · 6 min read

Live Beta

06 · Metric card

Metric card

Break-even

38 members

at Hobby's $9/mo plus fees

Monthly fees

$41

on $410 in revenue, Hobby plan

Trial length

14 days

same on Hobby and Pro

07 · Data table

Data table

Hobby vs. Pro, at a glance skool.com/pricing · checked 7 aug 2026
PlanMonthlyPer transaction14-day trial
Hobby$910% + $0.30Yes
Pro$992.9% + $0.30 (3.9% above $900)Yes

08 · Pull-quote

Pull-quote

We publish the real fee math, including when staying on the cheaper plan is the right call.

— SkoolPrep editorial guidelines

09 · Inline tool callout

Inline tool callout

Free tool

Earnings calculator

Set an income goal and see how many members it takes, and whether Hobby or Pro leaves you with more.

Open the calculator

10 · FAQ

FAQ

Is Hobby or Pro cheaper?
It depends on revenue. Hobby costs less at low volume; Pro's lower transaction fee makes it cheaper once a community earns roughly $1,200/mo or more.
Do both plans include a free trial?
Yes. Both Hobby and Pro include a 14-day free trial with identical features.

11 · Source footer

Source footer

Figures checked against skool.com/pricing and help.skool.com on 7 aug 2026.

12 · Card

Card

Comparisons

Skool vs. Circle, Discord, and Mighty Networks.

Launching & growth

What to do in the first 30 days after launch.

13 · Cover image

Cover image placeholder

16:9, 1600×900. Shown here for posts with no usable image, never a stretched or upscaled one.