GitHub

Templates

Production-ready Pulse templates — from local business to editorial to app landing pages. Every template ships with 100/100/100 Lighthouse scores and zero CLS.

Mobile App Landing Page

Landing PageMarketingSaaS

A complete marketing site for a mobile app — nav, hero with phone mockup, feature grid, social proof stats, testimonials, pricing cards, FAQ accordion, download CTA, and footer.

Accessibility: 100 Best Practices: 100 SEO: 100 CLS: 0.00 JS: ~4.2 kB

Blog Post

BlogEditorial

A full editorial article page — sticky nav, article hero, prose with image, two-column layout with table-of-contents sidebar, newsletter signup, and footer. Dark astronomy theme.

Accessibility: 100 Best Practices: 100 SEO: 100 CLS: 0.00 JS: ~4.2 kB

Sparkys — Local Trades

Local BusinessTradesLight Theme

A sharp, trustworthy landing page for a local electrical contractor. Navy + amber palette with a split hero, stats panel, services grid, why-us section, testimonial, and contact strip.

Accessibility: 100 Best Practices: 100 SEO: 100 CLS: 0.00 Theme: light

Local Business

Local BusinessServicesLight Theme

A warm, photo-forward landing page for a local service business — dog groomer, bakery, physio, tradesperson. Services grid, about section, testimonials, hours, and booking contact form.

Vibe: warm Theme: light CLS: 0.00

Portfolio

PortfolioPersonalMinimal

A minimal dark portfolio for a creative professional — designer, developer, photographer, or architect. Work grid, about section with skill badges, and a clean contact panel.

Vibe: minimal Theme: dark CLS: 0.00

Event / Conference

EventConferenceBold

A high-energy landing page for a conference, festival, or summit — speaker grid, day-by-day schedule accordion, venue section, sponsor logo marquee, and ticket CTA.

Vibe: bold Theme: dark CLS: 0.00

Editorial / Magazine

EditorialPublicationBlog

A publication homepage — featured article hero, pullquote, article grid with category badges, newsletter signup, and footer. Serif typography throughout via the editorial vibe.

Vibe: editorial Theme: dark CLS: 0.00

Swish — Fashion Ecommerce

EcommerceFashionEditorialLight Theme

An editorial light-theme fashion brand — full-bleed hero with gradient overlay, lookbook grid, product strip, journal cards, and newsletter. Composites nav, section, grid, pullquote, and input.

Vibe: editorial Theme: light CLS: 0.00

BookWorms — Independent Bookshop

Local BusinessRetailEditorialLight Theme

A warm editorial site for an independent bookshop — staff picks grid, press pullquote, two-column features, event list, and a centred CTA. Fraunces serif headings, light cream palette.

Vibe: paper Theme: light CLS: 0.00

Retro Wheels Co. — Classic Cars

RetroAutomotiveFormLight Theme

A vintage 1970s enamel-sign aesthetic for a classic car dealer. Stat strip, testimonials, async booking enquiry form with form state, and Rockwell system fonts. Zero extra HTTP requests.

Vibe: retro Theme: light CLS: 0.00

Susuki Bento — Artist Portfolio

PortfolioArtBrutalistDark Theme

A dark brutalist gallery for a fine-art painter. Zero border-radius, asymmetric 12-column works grid, exhibition table, and press list. Pure HTML — no Pulse UI components. Mode B creative override.

Vibe: brutalist Theme: dark CLS: 0.00 Mode: B — raw HTML

Andy Pixel — Dev Blog

BlogEditorialArticleLight Theme

An editorial blog article page — prose-width reading column, badge, avatar, custom code block, blockquote, author bio, and async newsletter subscribe. Orange accent on light cream.

Vibe: editorial Theme: light CLS: 0.00

Journey — App Landing Page

Landing PageAppDark ThemeSplit-screen

A dark split-screen app landing page — sticky hero left, scrollable timeline right, frosted glass nav, gold accent, App Store badge. Pure HTML throughout. Mode B creative override.

Vibe: bold Theme: dark CLS: 0.00 Mode: B — raw HTML

Design directions

Templates give you the structure. The meta.vibe system gives you the personality. Combine a template with a vibe to get a page that feels right for the product — not just correct.

When building a new site, ask: what kind of business is this? A dog groomer and a SaaS dashboard have the same sections but completely different aesthetics. Use the design directions guide (pulse://guide/design-references) to make that decision consciously.

Suggesting a template

Have an idea for a template? Open an issue on GitHub with the layout you have in mind and we'll consider adding it to the library.