Namaste Salesforce — a Ghost theme for a Salesforce learning site

Namaste Salesforce is a custom Ghost publishing-platform theme built for a Salesforce learning community. It started as a fork of Ghost's default Casper theme and grew into a small LMS: courses with lessons, guided training tracks, a searchable documentation/help center, and a blog — all themed around a calm, flat, reading-first design system rather than Salesforce's own SLDS look.

Stack

• Ghost as the CMS/publishing platform (Handlebars .hbs templates)
• Tailwind CSS v4 for styling — no tailwind.config.js; tokens and @source globs live directly in screen.css
• Alpine.js (self-hosted, not bundled) for menus, filters, and the lesson drawer
• A self-hosted, subsetted Phosphor icon font (~131 glyphs) alongside inline SVG icons
• gulp build pipeline → committed assets/built/ output, validated with gscan

Design philosophy

The theme deliberately does not look like Salesforce. Early iterations leaned into an SLDS-blue, glow/gradient/glass aesthetic ("Namaste UI") and even a short-lived Salesforce-flavoured data-theme="sfdc" mode — both were torn out. The current design system (assets/css/theme/) is calm, flat, and reading-first: one working blue, hairline borders, small shadows, solid tints, light and dark mode, nothing fancy. It exists to help people learn, not to look like a product demo.

Content model

Everything is driven by Ghost tags, not hard-coded templates:

• Courses — #course + lessons under #lesson, nested at /courses/{course-tag}/{lesson-slug}/
• Training — guided tracks (#training) made of sections which are themselves posts, with #training-content lessons nested under the section
• Documentation — a help center of 9 sections / 47 articles under /docs/{section}/{article}/
• Blog — regular posts, plus a hover "# Topics" tag-cloud in the nav

Links

• Code: github.com/imswarnil/Namaste-Salesforce
• Live: www.namastesalesforce.com