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.
このwebsiteテンプレートについて
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.
テンプレートの詳細
- 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
プレビュー
関連テンプレート
Figma design systems, UI components, and workflow resourcesウェブサイト
TETHR design kit for web and mobile interfacesウェブサイト
interactive web effects collectionウェブサイト
Motion design experiments and visual projectsウェブサイト
design and development resourcesウェブサイト
A designer and developer presenting personal background, experiments, projects, and work historyウェブサイト
A digital garden of creative experiments made in Figma, including shaders, generators, photo booths, and interactive visual explorationsウェブサイト
Wireframing and UI design starter kit for Sketch and Figmaウェブサイト
