Homepage

Moinframe is a community, blog, and YouTube channel focused on Kirby CMS. The project is run by Justus Kraft, one half of the design studio Gute Kombi.

The typographic system pairs Fictional and Fixel.

On the website, Fictional is used for bold, prominent titles and headings, while Fixel is used for body copy and navigation.

On the YouTube channel, Fictional is used for bold video titles in preview images and within videos, while Fixel is used for tags displayed above the titles.

About page

Blog entry

Youtube video thumbnail

Video titles within videos

Mobile website

The educational YouTube video The Beauty of Bézier Curves by Freya Holmér uses Cormorant for its splash titles. Note how the main title at the beginning employs a variant acute accent to fit the title into the graphic; the default acute accent (seen in subsequent titles) is much steeper.

Cormorant is supported by the sans serif Renogare for labels and the monospaced Consolas for code.

Tonal is the blog of Goodhertz, makers of audio plugins such as “Megaverb” that was introduced with a video previously shown on Fonts In Use. Another Goodhertz product is the “Vulf Compressor”, named after the band Vulfpeck - which in turn was the namesake of OH no Type Co’s Vulf Mono.

OH no’s James Edmondson also designed the typeface used for for links and emphasis on the Tonal blog. Hobeaux was started during his TypeMedia year at the KABK in The Hague. The headlines and body text of the blog are set in a design by another TypeMedia graduate from a few years later: Messer (incl. Messer Condensed), a reinterpretation of Weiß-Antiqua by Inga Plönnigs. To complete the circle: Messer was among the first typefaces available at Future Fonts, the font-in-progress platform created by Scribble Type with assistance of, you guessed it: James Edmondson.

While the blog itself uses Hobeaux and Messer for all typography, some videos and interactive plugins are inserted, using more type. Here, a tutorial pairs Messer with Export Stencil, Vulf Mono and Metallophile Sp8, among many other fonts.

Messer Condensed is used for headings, with Messer Regular and Italic for text. Author names, date, and drop cap brought to you by Hobeaux Bold and Black.

Interactive example of a plugin that mimics hearing loss, with typography set in Covik Sans Mono, a typeface that evolved from Edmondson’s graduation project at the KABK.

Some of the blog posts (and plugin interfaces) have been translated to Portuguese.

Google Web Toolkit (GWT) is an open source set of tools that allows web developers to create and maintain complex JavaScript front-end applications in Java. The project website is set in three weights from Wolfgang Homola’s Soleil family.