loading brutality

DOWNLOAD


top

Brutalist
Framework

A FREE & Open Source Framework for the Brutalist Web Design Style

Take
Tour

Construct Something Solid

Create ANTI-DESIGNS

Cause CHAOS

Keep
Going

Built for Brutal
Developers

Brutalist Framework is a resource built specifically for the brutalist web design trend. It is most ideal for...

  • Static or dynamic websites & apps
  • Small & personal projects
  • Creative services / agencies
  • Beginner & novice developers

Build Basic
Brutality

Get back to the raw basics of web development. Brutalist Framework uses the following tech:

  • HTML5 / CSS3
  • Javascript / jQuery
  • CSV, JSON, & XML
  • Plain PHP

Utilitarian
Classiness

The CORE is comprised of utility classes that provide reusable CSS and javascript functions for rapid prototyping and front-end development. Utility libraries include:

  • Colors & typography
  • UI / UX components
  • Animation & element effects
  • Responsive behaviors
  • Grids & layouts

Static vs. Dynamic

BF offers two approaches to building brutality:

  • STATIC:
    HTML-only, ideal for unchanging content
  • DYNAMIC: (coming soon as "Brutal CMS")
    PHP-based, ideal for frequently changing content
launch groundwork

Pre-Launch
Groundwork

Prior to launching a new brutal website or app, understanding proper project planning is absolutely mandatory. Will your project(s) be static, dynamic, or a fusion of both?

Lay the Groundwork »
blueprint grid

Blueprint Grid

A multimethod grid library built with flexbox, CSS grid, and vanilla javascript. Create scalable mobile-friendly responsive website & application layouts.

BlueprintGrid.com

Static CORE

The CORE of BF is comprised of CSS and javascript libraries, which are used for the rapid prototyping of static HTML front-end elements and styling.

Explore the CORE

Brutal CMS

A flat-file, databaseless plain PHP content management system for building static or dynamic websites and applications based on XML, CSV, and JSON data.

Preview »

Reference Mode:

Reference Guides

Free e-books and other resources about the brutalist web design style and how to develop applications with Brutalist Framework.

View All Guides

Screencasts

COMING SOON: Screencast video tutorials on working with BF.

unavailable

Brutalist Framework is a free and open source collection of PHP & HTML templates, CSS libraries, and javascript resources specifically for the brutalist web design style.

Background

Architectural Aspirations

Brutal Peak

Brutalism is a style of architecture that took off after World War II. Reaching its peak in the ‘50s and ‘60s, the style was a reaction to ornate, over-designed structures of preceding decades. The simple and raw of this architectural style allows for creatively ambitious structure design and objectives.

Brutalism in web design is inspired by this distinctive style.

To learn more, read our FREE e-book:

Intro to Brutalism in Web Design

Building Brutality

To build brutality with Brutalist Framework, you'll need basic background and understanding of the following skills:

  • HTML5
  • CSS3
  • Javascript & jQuery
  • Basic PHP
  • XML & CSV
  • Creativity
  • FTP (or web host file management)
  • LAMP / WAMP / MAMP Server
    (optional, but needed for running PHP on a local machine)

BF is ideal for beginner and novice web designers and developers who aspire to build their background, experience, and skillset in web design. BF is most ideal for:

  • Personal blogs & websites
  • Creative landing / splash pages
  • Small business websites
  • Other bizarre & miscellaneous projects

Purpose & Philosophy

A Concrete Purpose

Brutal Philosophy

Any creative project is made from a solid framework composed of raw components that can be used to create a product with a concrete purpose.

BF was created to provide a free and open resource to beginner and novice web designers and developers to encourage their professional journey and realize their true creative potential.The purpose of BF is to:

  • Encourage creativity
  • Embody distinctive design
  • Enhance crude conventions

BF is intended as a solid foundation and starting point for developers to construct and create crude websites or web applications.

CRUDE Philosophy

Brutalist web design philosophy follows the CRUDE convention:

Creatively Cynical & Confrontational
Raw, Rugged, & Real
Uncompromisingly Unconventional & Unpolished
Deliberately Deconstructive & Dysfunctional
Extremely Exciting & Enthralling

Brutal Tower This distinctive approach to web design is for those who desire and aspire to embody their unlimited creative potential. These more creatively cynical and raw designs may not be widely accepted by most target audiences. Through the brutality of trial and error can a brutalist design truly evolve into something successful.

Future

Future Dune

BF will always be open source and available for free. Future versions will evolve, implementing new design styles and code elements. New projects may branch off from BF. Ultimately, the future of BF is one of revolutionary evolution, with the purpose of serving the development and progress of the digital creative marketing space.

For purposes of transparency, you can get an idea of what's being planned for future versions by viewing our Roadmap:

View Roadmap »

History

BETA Release

While exploring Material Design trends and resources, we stumbled upon the term "brutalist web design", and quickly found that we identified with this newly emerging trend. Seeing the lack of a simple and raw "framework" designed specifically for this trend, we conceived the concept of a "Brutalist Framework". By late fall 2016, a "BETA" version was released.
BF BETA

1.X Versions

The first official version was released on April 12, 2017. Development of the initial release continued through 2019.
BF Initial Versions

2.0.2.0 Released

Version 2 introduced significant changes to the design and structure, as well as the introduction of bIcons.
BF 2020

Blueprint Grid Released

A new multimethod grid layout system project was created: Blueprint Grid. This was to become a separate, standalone project.
Blueprint Grid


Resident Evil Versions

Versions 2.3 - 2.3.3 are known as the "Resident Evil" versions, due to the pretty pondering perched kitty and Umbrella Corporation interface.
Resident Evil

First e-Book Launched

In January 2022, we created our first e-book: Intro to Brutalism in Web Design, which was to be the first of multiple reference guides relating to brutalist web design.


Brutal CMS Introduced

Development of the BETA version of a flat-file CMS written in PHP was introduced as a separate project.
Brutal CMS BETA

Development Purgatory

The release of version 3.0 introduced basic PHP functionality. However, Brutal CMS development was halted for over a year due to lack of interest in the PHP version of BF. During this development "Purgatory" period, it was decided that a "Static vs. Dynamic" approach to the future development path would be appropriate. Thus, there would be "Static CORE" releases, while Brutal CMS would become a separate "dynamic" development path.
BF 3

Baroquest Framework Released

A new "sister" framework to BF is launched, intended to complement the static CORE of BF with elegant styles.
Baroquest Framework

Brutal Blast Strike

Brutal Blast

Stay in the know. Get occasional e-newsletter updates about new BF developments.

Subscribe to Brutal Blast e-newsletter: