Key Points
Three to six facts on 1 px hairlines that draw across as each row comes into view: a term and its sentence in rows, or columns. A big figure can lead each point, its digits rolling into place.
View codeThe library
Content sections
7 content sections in plain HTML, CSS and JS: a picture beside the words, a wide one, a collage, a heading, a quote, the key facts, a long text. The bit between the hero and the footer, which is most of the page.
Media Collage
A text beside three pictures of different shapes set off from each other, the wide one running out to the screen edge. The text stays in view, and each picture is uncovered from its top edge in turn.
View code
Media Text
A content section with a picture on one side and the words on the other. Rows alternate sides on their own, a picture beside a long text stays put as you scroll, and each row enters as it comes into view.
View code
Media Wide
One wide picture between a head and a few short notes: title and intro side by side, the picture across the column (or the whole screen) uncovered from its top edge, then a mono caption.
View code
Section Intro
The head of a section on its own: a mono label, a tight title and a short intro, set beside the title on its first line, under it or centred. It plays its entrance once, as it comes into view.
View code
Statement
One big sentence of two to four lines, with a mono label in the indent of its first line. Its lines rise from their masks as it comes into view. A modifier makes it a quote with the name and role.
View code
Text Section
A section of running text: the title stays in view on the left while the text, kept to 64 characters a line, scrolls past. It takes paragraphs, lists and quotes as they are. A modifier sets it on two columns.
View codeNothing here, but hey, clean page.
Try another word, or one of these:
Missing a component? Request it