HeadFavour

Category	Creative Tools / Publishing
Type	Consumer Web
Status	Beta

A premium, editorial-grade magazine maker built around the metaphor of a photo composing itself into a finished magazine cover. UI-complete; auth and backend wiring are still in progress.

A premium, editorial-grade magazine maker. Pick a professionally art-directed template (or generate one with AI), drop in photos, and export a high-resolution, print-ready PDF in minutes.

Highlights

MagazineCover — a reusable component rendering a realistic cover (masthead, cover line, category tab, barcode) from data, reused across hero, catalogue, generator, and studio; scales via CSS container query units (cqw) with zero breakpoints

The "marker" headline accent — one accent word per heading rendered in yellow with a scroll-triggered animated underline sweep, used consistently everywhere

Deliberately reduced 12px root font size for a denser, more "printed editorial" feel than a typical web app

Grain / paper texture overlay — a fixed SVG turbulence filter at 3.5% opacity, mix-blend-overlay, for a printed rather than flat-digital feel

AI template generation — a prompt + style-selector flow produces a chosen cover plus 4 AI-drafted cover-line options

Features

Generate with AI

A prompt and style-selector flow drafts a cover layout plus four AI-written cover-line options.

30+ Curated Templates

Professionally art-directed templates across Fashion, Culture, Food, Travel, Beauty, and more.

Print-Ready in Minutes

Export a high-resolution, 300 DPI, print-ready PDF straight from the browser.

Bulk Photo & Text Editing

Upload and edit photos and cover text across an entire issue at once.

Colours

Typography

Role	Font	Notes
Display / headings / UI labels	Syne	Weights 400–800, custom numeric weight scale (font-600/700/800) added to Tailwind
Body	Inter	Weights 400–600

Tech Stack

Layer	Technology
Framework	Next.js 14 (App Router)
Language	TypeScript
Styling	Tailwind CSS 3
Motion	Framer Motion
Icons	lucide-react
Fonts	next/font/google