<head><metacontent="text/html; charset=UTF-8"http-equiv="Content-Type"/><metacontent="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"name="viewport"/><title>BRUT</title><linkhref="brut.min.css"rel="stylesheet"type="text/css"/></head><bodyclass="col gapless"><div><navclass="nav"onclick="this.focus()"tabindex="-1"><divclass="container"><aclass="pagename"href="index.html">BRUT</a><ahref="h/docs.html">Docs</a><ahref="h/download.html">Download</a><ahref="https://gitea.esy.fun/yogsototh/brutcss">Code</a></div></nav><buttonclass="btn sn btn-close">×</button></div><div><divclass="hero"style="background: url(h/img/brutalism.webp)"><divclass="container col middle"><divclass="row middle"><divclass="c2"></div><divclass="c8 col block bg-neutral"><h1class="tight huge">BRUT</h1><h4class="big">A Brutalist and Minimalist CSS Framework</h4><pclass="big">This CSS framework is ideal to be used for <strong>private admin interfaces</strong>.</p><pclass="big"> Just by the look of it, it will scream: <br/><spanclass="hl">THIS IS NOT FOR NON-TECHNICAL PEOPLE!!!</span></p></div><divclass="c2"></div></div></div></div><divclass="container"><divclass="col"><divclass="row"><divclass="col card"><h3>Examples</h3><p>A few quick examples to show every components. This should be quick and straightforward.</p><p>This CSS framework makes its best to respect some expected composability accross classes. Here are a few examples:</p><divclass="row"><div><pclass="tight">A block: </p><divclass="card"><divclass="tb">textual btn</div><br/><divclass="btn">classic btn</div><br/><divclass="msg">Some message block</div></div></div><div><pclass="tight">Then add the class <code>big</code>: </p><divclass="card big"><divclass="tb">textual btn</div><br/><divclass="btn">classic btn</div><br/><divclass="msg">Some message block</div></div></div></div></div><divclass="card"><h3>Example</h3><imgalt="A demo of brut.css with a few forms and an error message"class="card"src="h/img/brut-demo-light.webp"/></div></div><divclass="row"><divclass="col card"><h3>Docs</h3><aclass="tb big info stretch"href="h/docs.html">Docs</a></div><divclass="col card"><h3>Download</h3><aclass="tb warn big stretch"download="brut.min.css"href="brut.min.css">Download (<9kB)</a></div></div></div></div></div><footer><divclass="container"><p>By <ahref="https://yannesposito.com">Yann Esposito</a></p></div></footer></body>