Home / Bold and Raw / Raw Brutalist
Raw Brutalist CSS Template, Free with Live Demo
Free raw brutalist website template with system fonts, blue links and a plain HTML look. Fast, honest and easy to edit. Live demo and HTML download. The example is KXLR, a community radio station.
What is raw brutalist?
Raw brutalism strips a website back to what the browser gives you for free. Times New Roman, blue underlined links, simple tables and horizontal lines. It looks like the web in 1996, and that is the point.
People choose it because it is fast, honest and impossible to mistake for a template. It is also the easiest style to keep up to date, because there is almost no CSS to break.
Good for
- Community groups, clubs and local radio
- Personal sites and online notebooks
- Artists and writers who want a no fuss look
- Pages that must load fast on slow connections
What you get in this template
- Default browser fonts and link colors
- Real schedule table with the live show highlighted
- Red on air label as the only color accent
- Plain notices list and address block
- Under 2KB of CSS
The key CSS
This is the part that makes the raw brutalist look work. Copy it into your own project.
body {
font-family: "Times New Roman", Times, serif;
max-width: 760px; margin: 0 auto; padding: 20px 16px;
}
a { color: #0000ee; }
a:visited { color: #551a8b; }
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #000; padding: 6px 8px; }
tr.now td { background: #ff0; }How to use it
- Click Download HTML file above.
- Open the file in any code editor, like VS Code.
- Change the text, colors and links to match your project. Colors are at the top of the style tag.
- Upload it to any host, such as GitHub Pages, Netlify or your own server. It is one file with no build step.
Questions people ask
What is a brutalist website?
It is a site that uses raw, default web styling on purpose: plain fonts, simple layout and visible structure. It rejects polished templates in favor of something direct and a bit rough.
Are brutalist websites good for SEO?
Often yes. They are very light, load quickly and use clean HTML, which search engines like. Just make sure the text is useful and the headings are clear.
Is raw brutalism the same as neo brutalism?
No. Raw brutalism looks unstyled and old school. Neo brutalism adds bright colors, thick borders and hard shadows, so it feels designed.
More Bold and Raw designs
011. Neo Brutalism
Stackd, an invoicing tool for freelancers
013. Swiss Grid
Grid Days, a design conference in Zurich
014. Bold Type Hero
Pace, a running club
015. Anti Design
Static Bloom, an indie record label
016. Y2K Revival
Starlite, a mixtape playlist site
017. Memphis
Confetti Co., a party planner
018. Retro Pixel
Frog Knight, an indie game launch page
019. Newspaper Editorial
The Harbor Gazette, a local news site