A screenshot of Sempiternity, a site/collection of witty short stories.

A piece, a.k.a. a witty/absurd short story.

tags
blog, pixel art, short pieces, responsive, short stories, site, times
role
designer
responsibilities
concept, information architecture, information + interaction + visual design, back end + front end development
written by
Luca Buran
link
Sempiternity

      A screenshot of Sempiternity, a site/collection of witty short stories.

The simple interface of the site lets readers fully focus on the content of the pieces, without the risk of being distracted by any unneeded graphical interference.

The content readability is always at its best thanks to a robust responsive adaptive layout and a flexible responsive typography.


      The logo/favicon of Sempiternity.

The logo/favicon of Sempiternity.

The logo/favicon of the site resembles a circular, indeterminate progress indicator: what better way to represent the concept of sempiternity, that is none other than existence within time but infinitely into the future?

The same concept is reinforced through the background color of the page, which hue is cyclically rotated over time according to the hour of the day.


      A screenshot of Sempiternity, a site/collection of witty short stories.

2:00–2:59 UTC.


      A screenshot of Sempiternity, a site/collection of witty short stories.

06:00–06:59 UTC.


      A screenshot of Sempiternity, a site/collection of witty short stories.

10:00–10:59 UTC.


      A screenshot of Sempiternity, a site/collection of witty short stories.

14:00–14:59 UTC.


      A screenshot of Sempiternity, a site/collection of witty short stories.

18:00–18:59 UTC.


      A screenshot of Sempiternity, a site/collection of witty short stories.

22:00–22:59 UTC.

The site has been designed and developed in the browser, generated through Jekyll, styled from scratch in SCSS, and typesetted in Spectral.


      A screenshot of Sempiternity, a site/collection of witty short stories.

The index of the pieces.

Readers can identify pieces sharing common motifs thanks to the pixel art icons opening the short stories.


      A pixel art icon representing one of the motifs of the witty short stories collected in Sempiternity.

      A pixel art icon representing one of the motifs of the witty short stories collected in Sempiternity.

      A pixel art icon representing one of the motifs of the witty short stories collected in Sempiternity.

      A pixel art icon representing one of the motifs of the witty short stories collected in Sempiternity.

      A pixel art icon representing one of the motifs of the witty short stories collected in Sempiternity.

      A pixel art icon representing one of the motifs of the witty short stories collected in Sempiternity.