Website template

ghostwriter

A fork of simple AJAX driven theme for the Ghost blogging platform ported to Hugo.

Portfolio · Blog · Free

View source repository
ghostwriter

Design breakdown

An AI reading of this template's design: colors, type, spacing, sections and signature details. Ottermind starts from it when you use the template.

Overall

blog, clean and minimal, low density, light

Palette

background #ffffff; surfaces #ffffff; text #000000; muted text #666666; primary #e74c3c; accents #e74c3c, #95a5a6

Type

headings Inter, 700, uppercase/sentence-case; body Inter, 16px; scale h1 48px, h2 32px, h3 24px

Shape & spacing

button radius 4px, borders 1px solid #e0e0e0, shadows none, section spacing 40px, content width 800px

Sections (top to bottom)
  • Header — horizontal layout, single column, logo row with social icons in red, navigation links in uppercase red text, background white
  • Hero — centered headline "MY SUPER AWESOME BLOG!" in bold uppercase, subheading in sentence-case below, thin black horizontal rule beneath
  • Posts list — vertical stack of article entries, each with title in bold, publication date in muted text, separated by thin gray lines
  • Pagination — centered red button labeled "OLDER POSTS →" with white text
Signature details
  • Red accent color used consistently for buttons, links, and header elements
  • Thin horizontal rules separate content blocks
  • All text is left-aligned except the hero headline and pagination
  • Social icons are small, square, and red with white symbols
  • Clean whitespace and consistent vertical rhythm throughout
  • Minimalist design with no decorative elements or images
Other pages
  • /about: brief bio with contact info
  • /tutorials: list of tutorial posts with titles and dates

Template details

Category
Portfolio, Blog
Built with
Hugo
License
MIT
Author
Juraj Bubniak
Listed on
Hugo Themes
Price
Free
  • blog
  • personal

Original design by Juraj Bubniak, listed on Hugo Themes. Ottermind does not copy the template's code; it builds a new site from the brief.

The brief Ottermind starts from

It opens in Studio as a draft — add your brand, audience and pages before you send.

Build a portfolio website inspired by the "ghostwriter" template. Reference brief: A fork of simple AJAX driven theme for the Ghost blogging platform ported to Hugo. Style and features to reflect: blog, personal. Use original copy and imagery for my brand rather than the reference's placeholder content.

How to use this template

  1. 1

    Click “Use this template” to open it in Ottermind Studio with its brief filled in.

  2. 2

    Add your brand, audience, pages and content to the brief.

  3. 3

    Ottermind builds a new site inspired by this design — keep editing it in the chat.