Homepage

Phase 2 replaces the placeholder homepage with the live marketing page for https://fablum.app/.

Content sources

• SEO brief: fablum/research/seo-2026-04-13T18-04-26/phase5-strategy.json
  • Target URL: https://fablum.app/
  • Primary keyword: ebook reader app
• Product docs:
  • fablum/docs/01-product/overview.md
  • fablum/docs/01-product/features.md
• Product positioning and pricing constraints:
  • fablum/research/product-foundation.json

Image inventory

Optimized homepage images live under:

• assets/images/iphone/hero-reading.jpg (hero default)
• assets/images/android/hero-reading.jpg (hero, swapped via client JS for Android visitors)
• assets/images/iphone/opds-catalogs.jpg
• assets/images/iphone/reader-settings.jpg
• assets/images/iphone/dark-mode.jpg
• assets/images/iphone/text-to-speech.jpg
• assets/images/iphone/library-import.jpg
• assets/images/iphone/library-organize.jpg
• assets/images/og-homepage.jpg

Raw exports come from marketing/fablum/screenshots/.

Optimization rule

Website screenshots should stay below 200 KB each where practical. The current set uses:

sips -s format jpeg -s formatOptions 72 -Z 860 path/to/source.png --out path/to/output.jpg

The Open Graph image is a composed 1200x630 JPEG generated from the optimized assets with ffmpeg.

Validation

Run all three commands after homepage edits:

/usr/local/bin/rbenv exec bundle exec ruby test/homepage_test.rb
JEKYLL_ENV=production /usr/local/bin/rbenv exec bundle exec jekyll build
/usr/local/bin/rbenv exec bundle exec htmlproofer ./_site --disable-external --allow-hash-href

Notes

• The homepage only links to pages that already exist in the site. Future pages from the SEO plan are mentioned in copy but not linked until they ship.
• WebSite schema uses /?q={search_term_string} as the placeholder SearchAction target until a real search page exists.
• The footer store badges are placeholders and intentionally point to the homepage download section until live store URLs are available.