按钮
Geometric button with primary colors, sharp edges and sans-serif typography
- 基础骨架
font-sans font-bold uppercase tracking-widest border-2 border-black rounded-none transition-opacity duration-200- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
包豪斯风格组件配方
font-sans font-bold uppercase tracking-widest border-2 border-black rounded-none transition-opacity duration-200 bg-[#dd0000] text-white hover:opacity-80 active:opacity-70卡片
Geometric card with strict primary color accents and no shadows
- 基础骨架
bg-white border-2 border-black rounded-none transition-opacity duration-200- 变体
- 默认、红色强调、蓝色强调
- 状态
- hover
输入框
Geometric input with sharp edges and functional Bauhaus aesthetics
- 基础骨架
w-full border-2 border-black rounded-none bg-white font-sans text-black placeholder:text-gray-500 focus:outline-none transition-all duration-200- 变体
- 默认、填充
- 状态
- focus、disabled
几何装饰
Decorative element with primary color geometric shapes following Bauhaus principles
- 基础骨架
inline-flex items-center justify-center border-2 border-black transition-opacity duration-200- 变体
- 圆形、三角形、方形
- 状态
- hover
网格模块
Grid-based content module following Bauhaus grid principles
- 基础骨架
bg-white border-2 border-black rounded-none font-sans transition-opacity duration-200- 变体
- 默认、紧凑、宽
- 状态
- hover
功能徽章
Minimal badge following Bauhaus 'form follows function' principle
- 基础骨架
inline-flex items-center justify-center font-sans font-bold uppercase tracking-widest border-2 border-black rounded-none transition-opacity duration-200- 变体
- 红色、蓝色、黄色、黑色
- 状态
- hover