Course kits
The tools behind the courses, shown working.
Look through every piece live. Downloads need an account, and some come with a course.
The screen and markup stay the same. Only the kit changes.
v1.1.0
Website Design System
A Claude Code skill for designing and checking websites, with 22 scroll effects, three finished examples, and checks at five widths.
Comes with Advanced Website Design.
Already have it? Sign in to download.
Inside
- CHANGELOG.md
- LICENSE.md
- README.md
- SKILL.md
- VERSION
- assets/
- examples/
- references/
- scripts/
Brand Kit · 1.0
Ember
Warm dark, one ember. The course's own visual system, built as a complete Brand Kit.
Included with Build Your First App.
Already have it? Sign in to download.
Inside
- LICENSE.md
- manifest.json
- README.md
- showcase.html
- SKILL.md
- THIRD_PARTY_NOTICES.md
- assets/
- design/
Plume
Deco Chevron
Windowpane
Ticking
Dot
Arch
Glow
Horizon
Brand Kit · 1.0
Glass
Light through a lens. Move the lens across type to see its transparency, layering, and changing thickness.
Coming later
A Brand Kit planned at $24.95. Nothing to buy yet.
Plume
Deco Chevron
Windowpane
Ticking
Dot
Arch
Glow
Horizon
Brand Kit · 1.0
Metal
A machined object. Turn the dial to move through eight metal textures lit from one direction.
Coming later
A Brand Kit planned at $29.95. Nothing to buy yet.
Plume
Deco Chevron
Windowpane
Ticking
Dot
Arch
Glow
Horizon
- Plume
- Deco Chevron
- Windowpane
- Ticking
- Dot
- Arch
- Plume
- Deco Chevron
- Windowpane
- Ticking
- Dot
- Arch
- Plume
- Deco Chevron
- Windowpane
- Ticking
- Dot
- Arch
Patterns
Site and Brand Kit patterns, backgrounds, and a tool for recoloring them.
- Ember · Glow
- Ember · Horizon
- Glass · Glow
- Glass · Horizon
- Metal · Glow
- Metal · Horizon