AI Love You

Editorial Platform

AI Love You Journal

A self-published lifestyle & culture publication under the AI Love You name — the studio's own design language, built and maintained as a real front-end project rather than a blog template.

HTMLCSSJavaScript

At a glance

A self-published lifestyle & culture publication under the AI Love You name — the studio's own design language, built and maintained as a real front-end project rather than a blog template.

Technology

Hand-built HTML, CSS and JavaScript — no framework, no CMS. It's where the AI Love You palette, type scale and editorial layout were established first, before this portfolio site borrowed them. No framework runtime to ship keeps the payload minimal and load times fast.

Content

Editions are authored directly rather than pulled from a database or headless CMS, keeping the archive fully under version control.

Navigation & search

A persistent sidebar with live search, department and tag filters, and a period selector — the structured browsing a larger content site needs, proven here first at a smaller scale.

Animation

CSS transitions handle the entry and page-to-page transitions, kept restrained so they never get in the way of reading.

Responsiveness

Mobile-first layout, with the sidebar collapsing to a standard mobile nav pattern on small screens.

Hosting

Static hosting — no server-rendered pages or backend to maintain.

Context

Where the system lives.

The Journal is where the AI Love You design system actually lives first — the studio palette, typography and editorial layout this portfolio site borrows from were established here. It's hand-built front end, not a CMS theme: a searchable, filterable archive of editions with a custom sidebar reading experience.

01

Homepage — edition archive and sidebar navigation

A persistent sidebar nav and search keep the archive navigable as it grows, with trending tags and a period filter surfacing older editions rather than burying them.
02

Filtering & search — finding an edition by tag or period

Department and tag filters, live search and a period selector — the same kind of structured browsing a larger content site needs, built here at a smaller scale first.
03

Edition navigation — reading experience between entries

Long-form editorial layout with clean transitions between entries — built for reading, not just browsing, with the same typographic care as the rest of the AI Love You brand.

Want a site with a genuine voice, not a template?

The Journal is a live, ongoing publication and the clearest proof of the AI Love You voice and design language in one place — and the source this portfolio site's own design system was pulled from.

Start a project →