Bauhaus Animated HTML website template

Free
Scroll

Bauhaus website template: sample page for lotrecht

Open the page in a new tab

The sample page

lotrecht. Design and architecture school, Moabit, Berlin.

The idea

The three shapes in the logo are the first lesson: the square orders the headline, the circle marks the start date and the plumb bob the school is named after points at the button.

What to try

Scroll to watch the circle, square and triangle leave the logo and build the page, then brush the plumb line with your cursor.

Made for

Architects, schools and agencies

Palette

Typefaces

Jost + Work Sans

Cultural notes

An original composition: no historic poster or piece copied, and the name doesn’t borrow the “Bauhaus” trademark.
Every shape orders or points at something real; none is decoration.
A visible 12-column grid and lowercase type.

The HTML

Free download (.zip). Free license: use it in your projects keeping the credit “Page: Alchemia Arcana”.

What you download

A single index.html file with nothing to install: open it, swap in your brand and copy, and upload it to your hosting.
In English and Spanish, tested on desktop and mobile.
Instructions for changing copy, colors, language and prices, plus its license.