Future Imperfect

Magazine blog theme for Dune, adapted from HTML5 UP Future Imperfect (CC BY 3.0).

Future Imperfect screenshot

Demo: https://themes.getdune.org/future-imperfect

Tags: dune-theme, blog, html5up, magazine

License: Design by HTML5 UP (CC BY 3.0). Sites using this theme must keep visible design credit per the Creative Commons Attribution 3.0 License.

Install

dune theme:install jsr:@dune/theme-future-imp@1.0.1 --activate

Or by hand, in config/site.yaml:

themes:
  - name: future-imperfect
    src: jsr:@dune/theme-future-imp@1.0.1

theme:
  name: future-imperfect
  src: jsr:@dune/theme-future-imp@1.0.1

Header nav with flyout menu and search, magazine post cards with author meta. Config covers author_name, author_avatar, show_html5up_credit, and footer_text — see the live demo.

Templates

Template Notes
blog Magazine post list with continue-reading actions
post Single post with author meta
default Plain pages
archives Year-grouped post list
search Form search over Dune /api/search
error Themed 404 / 500

Attribution on live sites

The menu footer includes a visible link to HTML5 UP by default (show_html5up_credit). Do not remove upstream design credit unless you hold a separate Pixelarity license.

From template to your site

  1. Choose a starting design — this theme, another HTML5 UP template, or a Pixelarity design (including Pixelarity-only templates)
  2. We adapt structure, styling, and Dune configuration to your content
  3. You get a deployed, maintained Dune site — not a redistributable theme package

Themes we implement from Pixelarity are bespoke client projects only (agency-licensed; not part of the public Dune theme catalog). Contact us →

Deviations from upstream

  • Routes use Dune fixtures (/blog, /search, /archives, /about) instead of static HTML5 UP page files.
  • Search is server-side /api/search via the theme's search template, not a client-only index.
  • Contact / forms from the upstream demo are not wired to a mail backend.
  • No dark mode / no color-scheme presets — upstream Future Imperfect is a single design; a Dune dark or multi-scheme lift may land later as an optional enhancement, not as fidelity work.
  • CC BY credit remains visible when show_html5up_credit is on (compare https://html5up.net/future-imperfect).