本页出处
设计风格资料库
内容来自 luckymaomi 的 UI 风格库(复刻版),以 MIT 许可 提供。本站镜像收录,仅作学习参考;这一页的原始地址是 原站页面。
← 回到导览访问原站仓库
返回配方目录
Luxe Lookbook

奢华画册组件配方

inline-flex items-center justify-center rounded-none uppercase tracking-[0.2em] text-xs transition-all duration-500 ease-out bg-[#141210] text-[#F7F5F1] hover:bg-[#9A7B4F]
button

按钮

Squared maison CTA in ink or a hairline outline

基础骨架
inline-flex items-center justify-center rounded-none uppercase tracking-[0.2em] text-xs transition-all duration-500 ease-out
变体
墨黑、描边、低调
状态
hover
card

卡片

Editorial lookbook card with a portrait plate and hairline caption

基础骨架
rounded-none bg-[#F7F5F1] border border-[#141210]/15
变体
画册、带框
状态
hover
input

输入框

Underline field for the newsletter and appointment forms

基础骨架
rounded-none bg-transparent border border-[#141210]/25 px-0 py-3 text-[#141210] placeholder-[#141210]/40 uppercase tracking-[0.15em] text-xs focus:outline-none focus:border-[#9A7B4F] transition-all duration-500
变体
细线、描边
状态
focus