feat(website): 官网企业版视觉升级
- 引入 Geist 字体,去除紫色渐变,克制阴影与交互态 - 导航/卡片/按钮统一企业风格,各区块视觉收敛
This commit is contained in:
1 parent
b2f6e7a166
commit
75e48bc4c6
15 files changed
+145
-55
No files matched your search
@@ -19,7 +19,7 @@ export default function Footer() {
|
||||
<div className="container-page space-y-8">
|
||||
{/* 推荐链接 */}
|
||||
<div>
|
||||
<h3 className="mb-4 text-sm font-semibold uppercase tracking-wider text-muted-foreground">
|
||||
<h3 className="mb-4 text-sm font-semibold text-muted-foreground">
|
||||
{t.footer.recommend}
|
||||
</h3>
|
||||
<div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
|
||||
@@ -32,9 +32,10 @@ export default function Footer() {
|
||||
href={link.url}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="group flex items-start gap-3 rounded-xl border border-border bg-card p-4 transition-all hover:-translate-y-0.5 hover:border-primary/50"
|
||||
className="group flex items-start gap-3 rounded-2xl border border-border bg-card p-4 transition-all duration-200 hover:-translate-y-0.5 hover:border-primary/40"
|
||||
style={{ boxShadow: "var(--shadow-soft)" }}
|
||||
>
|
||||
<div className="flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-border bg-white">
|
||||
<div className="flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-xl border border-border bg-white">
|
||||
{logo ? (
|
||||
<img
|
||||
src={asset(logo)}
|
||||
@@ -48,11 +49,11 @@ export default function Footer() {
|
||||
)}
|
||||
</div>
|
||||
<div className="min-w-0 flex-1">
|
||||
<div className="font-semibold group-hover:text-primary">
|
||||
<div className="font-semibold tracking-tight group-hover:text-primary">
|
||||
{link.name}
|
||||
</div>
|
||||
{text && (
|
||||
<p className="mt-1 line-clamp-3 text-xs text-muted-foreground">
|
||||
<p className="mt-1 line-clamp-3 text-xs leading-relaxed text-muted-foreground">
|
||||
{text}
|
||||
</p>
|
||||
)}
|
||||
|
||||
@@ -11,7 +11,7 @@ export default function Nav() {
|
||||
{ to: "/download", label: t.nav.download },
|
||||
];
|
||||
return (
|
||||
<header className="sticky top-0 z-40 border-b border-border bg-background/80 backdrop-blur">
|
||||
<header className="sticky top-0 z-40 border-b border-border bg-background/70 backdrop-blur-md">
|
||||
<div className="container-page flex h-14 items-center justify-between gap-4">
|
||||
<NavLink
|
||||
to="/"
|
||||
|
||||
@@ -25,12 +25,12 @@ export default function SectionShell({ id, title, subtitle, children }: SectionS
|
||||
<div className="mb-12 max-w-3xl">
|
||||
<h2
|
||||
id={`${id}-title`}
|
||||
className="text-3xl font-bold tracking-tight md:text-4xl"
|
||||
className="text-3xl font-bold tracking-[-0.03em] md:text-4xl"
|
||||
>
|
||||
{title}
|
||||
</h2>
|
||||
{subtitle && (
|
||||
<p className="mt-3 text-base text-muted-foreground">{subtitle}</p>
|
||||
<p className="mt-3 text-base leading-relaxed text-muted-foreground">{subtitle}</p>
|
||||
)}
|
||||
</div>
|
||||
{children}
|
||||
|
||||
Reference in new issue
Block a user