Features

Design & Aesthetics

• Neobrutalist Design System: Bold 3px borders, distinct 5px/8px offset shadows, and a vibrant color palette (--nb-pink, --nb-yellow, --nb-purple, etc.).
• Typography: Optimized loading of 'Bebas Neue' (Headings), 'Space Grotesk' (Body), and 'DM Mono' (Mono) with preconnect and direct linking for better Core Web Vitals.
• Micro-animations: Subtle hover transitions on buttons, cards, and interactive elements.
• Responsive Layout: Fully optimized for mobile, tablet, and desktop devices.
• Custom Koenig Card Styling: Premium styling for all Ghost editor blocks, including:
  • Header, Signup, and CTA cards.
  • Product, File, and Callout cards.
  • Bookmark and Gallery blocks.
  • Neobrutalist Tables: Custom borders and headers for standard post tables.

Homepage Features

• Dynamic Layout: Switch between standard post feeds and custom hero sections.
• Custom Hero Section: Fully configurable headline, subheader, and dual call-to-action buttons (Primary & Secondary).
• Featured Posts carousel/Grid: Highlight top content at the beginning of the feed.
• Latest Story Highlight: A prominent section for the most recent post with excerpt and metadata.
• "More Reading" Section: A hybrid list layout for older posts with easy navigation.
• Exploration Sidebars:
  • Explore Topics: Top 10 tags for quick navigation.
  • Explore Authors: Top contributors with post counts.
  • Newsletter Signup: Integrated subscription box.

Post & Page Features

• Table of Contents (TOC): Automatically generated from H2 and H3 tags.
• Reading Time: Estimated time displayed for all articles.
• Progress Tracking: "Back to Top" button that appears as the user reads.
• Author Bio Box: Rich author profiles at the end of posts with social links and avatars.
• Related Posts: Contextual content recommendations to increase engagement.
• Social Sharing: One-click sharing buttons for popular platforms.
• Membership Access: Visual indicators for Public, Members, and Paid content.

Functional Components

• Advanced Navigation:
  • Dropdown Support: Create nested menus in Ghost Admin using # (parent) and - (child) prefixes.
  • Header CTA Buttons: Two customizable buttons in the header for primary and secondary links.
• Search Integration: Full Ghost native search support with custom icon styling.
• Newsletter & Portal: Customized UI overrides for Ghost Portal popups to match the Neobrutalist aesthetic.
• Social Media Connectivity: Support for LinkedIn, Instagram, YouTube, TikTok, Threads, and BlueSky.

Performance & SEO

• Core Web Vitals Optimized:
  • Eliminated render-blocking CSS imports.
  • Prioritized LCP assets with fetchpriority="high" and eager loading.
  • Passive event listeners for smooth scrolling.
• SEO Best Practices: Proper heading hierarchy, meta tags, and semantic HTML5.
• Responsive Images: Native srcset support for serving the right size to every device.
• Lightweight Assets: Modular CSS and minified JS bundles via Rollup.

Localization

• • Multi-language Support: Translation ready with 22 included locales:
  • English (en)
  • Hungarian (hu)
  • Vietnamese (vi)
  • Ukrainian (uk)
  • German (de)
  • French (fr)
  • Spanish (es)
  • Italian (it)
  • Portuguese (pt)
  • Dutch (nl)
  • Swedish (sv)
  • Norwegian (no)
  • Danish (da)
  • Finnish (fi)
  • Polish (pl)
  • Czech (cs)
  • Romanian (ro)
  • Turkish (tr)
  • Greek (el)
  • Japanese (ja)
  • Korean (ko)
  • Chinese (zh)