Skillshare
A bold, creative-education marketing interface built on a white canvas with near-black GT Walsheim display headlines, full-bleed photographic category tiles, and high-contrast black sections that anchor the long-scroll landing page. Brand voltage comes from a mint-green sign-up pill, a multi-accent palette (purple, cyan, green) drawn from the product's creative-class imagery, and chunky 700-weight geometric type. The system reads as friendly, energetic, and image-forward rather than minimal-corporate.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
h1
46px · 700 · 1.26
The quick brown fox jumps
h2
28px · 700 · 1.43
The quick brown fox jumps
h3
22px · 700 · 1.45
The quick brown fox jumps
h4
18px · 700 · 1.55
The quick brown fox jumps
body
11px · 400 · 1.4
The quick brown fox jumps
button
15px · 700 · 1.0
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 4px | |
| xs | 8px | |
| sm | 16px | |
| md | 20px | |
| lg | 24px | |
| xl | 32px | |
| xxl | 40px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| xs | 4px | |
| md | 8px | |
| pill | 100px |
FAQ
- What colors does Skillshare use?
- Skillshare's core palette includes #ffffff, #000000, #0b1215, #394649, #767676. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Skillshare DESIGN.md.
- What font does Skillshare use?
- Skillshare's primary typeface is GT Walsheim Pro. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
- What is the Skillshare design system?
- A bold, creative-education marketing interface built on a white canvas with near-black GT Walsheim display headlines, full-bleed photographic category tiles, and high-contrast black sections that anc…