Layerkit
layerkit.design/blog-cms/tutorial
Tutorial template preview

What's inside

The blog / cms base layout plus the variant-specific work that makes this one a Tutorial template.

  • Front page hierarchy
  • Section and category fronts
  • Article layout with table of contents
  • Author profile pages
  • Newsletter capture
  • Search and archive
  • Progress
  • Playground
  • Quizzes

Plus 3 more supporting sections — navigation states, empty states, error and success screens.

The theme

Guided Learning, set in Satoshi · JetBrains Mono. These tokens live in one file — change them and the whole template re-skins.

#1e1b4b
#8b5cf6
#f5f3ff

Other Blog / CMS variants

Same vertical, different design language.

View the category
News template preview
Live$59

Theme

Broadsheet

View template

News

4.7

Dense front page with a live ticker, section fronts and breaking-story hierarchy.

Live tickerSectionsAMP-ready
Open live preview
Publico · Roboto17 sections
Magazine template preview
Popular
Live$69

Theme

Editorial Serif

View template

Cover-story hero, pull quotes and issue archives for long-form editorial teams.

IssuesPull quotesAuthor pages
Open live preview
Tiempos · Founders Grotesk15 sections
Documentation template preview
Bestseller
LiveFree

Theme

Developer Clean

View template

Three-column docs shell with versioned sidebar, code tabs and on-page navigation.

VersioningCode tabsCmd+K
Open live preview
Geist · Geist Mono11 sections
Knowledge Base template preview
Live$39

Theme

Calm Support

View template

Searchable help centre with category cards, article feedback and ticket deflection.

SearchFeedbackCategories
Open live preview
Inter · Inter10 sections