Brutalist web design resources and visual experiments
A high-contrast brutalist web page combines deep navy showcase areas with expansive white typography sections. Oversized sans-serif and slab-serif lettering, framed mockups, and asymmetrically arranged editorial artwork create an experimental collage aesthetic.
About this website template
This template is built for showcasing a brutalist web kit, promoting downloadable artboards and web assets and demonstrating font pairings. It is written for web designers and digital creatives. Common uses include presenting a downloadable web design kit, showcasing website and editorial layout concepts and displaying typography and font combinations. It suits work in web design and graphic design.
The design is brutalist, editorial, experimental, high-contrast and collage-like, with a bold, experimental, graphic and playful tone, laid out as full-width dark hero, centered hero artwork, large typographic specimen section, asymmetrical collage of framed design examples and alternating dark and light content areas.
Template details
- Format
- website
- Purpose
- showcasing a brutalist web kit, promoting downloadable artboards and web assets, demonstrating font pairings
- Audience
- web designers, digital creatives
- Use cases
- presenting a downloadable web design kit, showcasing website and editorial layout concepts, displaying typography and font combinations
- Industries
- web design, graphic design
- Style
- brutalist, editorial, experimental, high-contrast, collage-like
- Tone
- bold, experimental, graphic, playful
- Typography
- oversized bold sans-serif headings, heavy slab-serif display type, minimal uppercase navigation, large font specimen lettering
- Colours
- deep navy, white, charcoal, muted forest green, orange accents
- Imagery
- photographic portraits and food imagery, website mockups, editorial artwork
- Density
- medium
- Aspect ratio
- 6:7
Preview
Related templates
Figma design systems, UI components, and workflow resourcesWebsite
TETHR design kit for web and mobile interfacesWebsite
interactive web effects collectionWebsite
Motion design experiments and visual projectsWebsite
design and development resourcesWebsite
A designer and developer presenting personal background, experiments, projects, and work historyWebsite
A digital garden of creative experiments made in Figma, including shaders, generators, photo booths, and interactive visual explorationsWebsite
Wireframing and UI design starter kit for Sketch and FigmaWebsite
