返回配方目录
Distill Style

学术科普风组件配方

font-medium rounded-md transition-colors duration-150 bg-[#1F2933] text-white hover:bg-[#111827] active:bg-[#0B1220]
button

按钮

Restrained academic action button with ink background, small radius, and quiet hover

基础骨架
font-medium rounded-md transition-colors duration-150
变体
主要、次要、链接
状态
hover、active、disabled
card

卡片

Paper abstract card with hairline border, serif title, and a metadata footer rule

基础骨架
bg-white rounded-md border border-[#E5E7EB] transition-colors duration-150
变体
默认、摘要、批注
状态
hover
input

输入框

Hairline-bordered archive search input with a thin academic-blue focus ring

基础骨架
w-full bg-white border border-[#E5E7EB] rounded-md font-serif text-[#1F2933] placeholder:text-[#9CA3AF] focus:outline-none transition-colors duration-150
变体
默认、下划线
状态
focus、disabled