25 Brutalist Landing Pages for Inspiration

Published by @RobHope in Round-Ups on December 12, 2018

The term Brutalism originates from the French word for “raw” used by architect Le Corbusier to describe his choice of material bรฉton brut (raw concrete). These One Page websites often display information in a raw, uncomfortable but also playful way.

I hope this round-up of 25 Brutalist-style Landing Pages inspires you to get adventurous with a future project:)


1. Ethics for Design

Unique One Pager hosting interactive documentary Ethics for Design. The experience really is remarkable where you resize the viewports to your preference, each hosting elements related to where you are in the story. Awesome to discover developer Sylvain Julรฉ built the site using Kirby and also add the whole project to Github - cheers!



2. Antwerp Poster Festival

Brutalist One Pager for the Antwerp Poster Festival featuring a neat intro type feature that changes as you move your cursor.



3. Craig Jackson

Fun One Pager for digital designer Craig Jackson featuring an interactive game where your score lives on his site forever:)



Enjoying the round-up? Get these round-ups in our Inspiration Newsletter ๐Ÿ’Œ



4. The 99% Sale

Brutalist Landing Page for the Black Friday 99% Sale over at Cards Against Humanity. The hilarious marketing campaign features a bunch of spoof products all at only 1% the cost:)



5. NU:RO Watch

Slick Landing Page for a minimal watch called NU:RO. The long-scrolling page features a perfect intro watch demo, a hover sensitive strap color changer, gorgeous big product imagery and brutalist typography. Note how the clear CTA buttons simply link out to a Shopify store - making this is a classic marketing Landing Page. ps. through a bit of a deep font hustle (step 5) I discovered the typeface used is called Roobert - first I've seen in the wild.



6. Sim Sim Falafel

Colorful and unique One Pager built using Webflow for Sim Sim Falafel. Make sure you check out the pretty trippy intro cursor-sensitive feature and neat touch with the Hand Emoji (in the footer) that turns to the Star Trek sign over hover.



7. Andrea Grasso

Minimal One Page portfolio with a hint of brutalism for designer Andrea Grasso. Neat touches with the local Barcelona time, his latest track played, the color scheme inverter when clicking the logo and how the cursor adapts with instructions (info, copy, open) when hovering links. Cheers for the build notes Andrea!



8. Onemadlab

Brutalist One Pager with a text scroller and real-time clock for Onemadlab design studio.



9. TAAALKS

Colorful One Pager with a brutalist design for the TAAALKS event that took place in April in Mรผnchen.



10. William Richardson

Wonderfully unique One Page portfolio for freelance graphic designer, William Richardson. When you click anywhere within the blank canvas a new portfolio item appears - each draggable and resizable. What an awesome touch with the additional features to clear the canvas, delete a single item and even download a screenshot of your curated version of William's portfolio to reference later. Kudos ๐Ÿ‘ [yo-017]



11. Soft Landings

Classic Brutalist design in this One Pager for the Soft Landings exhibition that took part in Amsterdam last month.



12. Livia Satriano

Brutalist One Pager filled with personality for Livia Satriano - an avid researcher of music and visual culture. This is truly a unique website capturing all the interesting things Livia spends her time doing. Awesome touch with the navigation placed on music bars, the spinning vinyl, the interactive vintage book cover section, the scrollable movie posters and the repeating contact buttons in the footer.



13. Annina Schepping

Neat slider feature that controls the slideshow speeds in this unique One Page portfolio for German graphic designer, Annina Schepping.



14. X

Neat hover-sensitive color bar effect in this launching soon page for a contemporary art and design online platform called X. Nice touch with the multiple-X animation for the favicon.



15. Jacqui Nguyen

Unique stacked-accordion of projects in this One Page portfolio for architect Jacqui Nguyen.



16. Interactions 2.0

Wild and hilarious One Pager by Webflow paying homage to the trends and phases of the World Wide Web. The long-scrolling site features awesome vintage screenshots, animations and jokes as you scroll. A fun and smart marketing page by WebFlow promoting their new animations and interactions tool.



17. Lonneke van der Palen

Classic Brutalist design in this One Page website for photographer, Lonneke van der Palen.



18. Geek Girls

Unique One Pager with interactive draggable windows promoting a documentary called Geek Girls.



19. Frontier Imaginaries

Brutalist One Page website featuring a unique stacked content concept for art and research foundation, Frontier Imaginaries.



20. Design Census 2016

Unique reference to a split-screen content division as you scroll in this One Pager for the 2016 Design Census by Google and AIGA.



21. Lunchtype

Brutalist One Pager promoting the awesome 'Lunchtype' free font by Stefan Wetterstrand. The fun Singe Page site really lets you take the font for a spin with interactive weight switchers, color pickers and package labeling. Impressive, with tons of flavour! Awesome to see this is built on WordPress too!



22. Acte

Brutalist One Page website for Montreal-based record label, Acte. The Singe Page site features a changing background color and a minimal approach to content with simple floating content blocks.



23. Dropbox Design

Colorful and semi-brutalist One Pager announcing the biggest change to the Dropbox brand in their 10-years. Also a good reference to storytelling while scrolling.



24. Daniel Givens

Unique, brutalist One Page portfolio for designer Daniel Givens featuring an interactive spray can effect controlled by your cursor movements.



25. Studio Vedรจt

Unique and arty One Pager for Studio Vedรจt featuring interactive, draggable elements.


Hope you enjoyed the round-up! If you need more Brutalism references, here is the full archive of Brutalist websites.

Much love,
Rob

Twitter: @robhope
Instagram: @rob_hope
Email: rob@onepagelove.com