返回配方目录
Brutalist Web

网页粗野主义组件配方

font-mono font-bold uppercase border-2 border-[#000000] rounded-none transition-none bg-[#000000] text-[#ffffff] hover:bg-[#0000ff] hover:text-[#ffffff] active:invert
button

按钮

Raw HTML-style button with no rounded corners and monospace type

基础骨架
font-mono font-bold uppercase border-2 border-[#000000] rounded-none transition-none
变体
主要、次要、链接
状态
hover、active、disabled
card

卡片

Raw unstyled card with hard borders and no shadows

基础骨架
bg-[#ffffff] border-2 border-[#000000] rounded-none font-mono
变体
默认、虚线
状态
静态
input

输入框

Raw HTML input with monospace font and hard border

基础骨架
w-full bg-[#ffffff] border-2 border-[#000000] rounded-none font-mono text-[#000000] placeholder:text-gray-500 focus:outline-none
变体
默认
状态
focus、disabled