博客得到一张脸

2026年9月1日 designdevlog

旧看起来不得不去

我在这个博客的眼睛里一直在看几个月而且什么从来没有坐对。它看起来像其他markdown-到-html博客模板。很好的排版,很好的间距,完全健忘。可能是任何人的网站。

我想要它看起来像我的。

为什么绿色

在这里没有真正的辩论诚实。我只是喜欢绿色。苔藓、云杉、你在靠近水的岩石上得到的那个闷绿色。它在我甚至有其余部分的计划之前感觉像正确的基础颜色。

让它感觉像这里

坚持的想法是:如果网站看起来像Lovund而不是看起来像一个设计系统会怎样。不字面上,我不把峡湾照片放在背景里,但那里的感觉。柔和的颜色,有点风化的东西,少点"SaaS登陆页面"更多某个地方你会实际上想要坐下并读。

第一遍,纸和serif

用类型开始。把身体字体切换到Literata,一个serif为了读很长的文本,它做的工作比我期望的多。一个平句子突然看起来像它属于一本书而不是UI模型。

然后背景。用一个温暖的,有点苔藓的离白色而不是纯白色,有点像坐在小木屋里几年的纸。用一个更深的绿色配对给标题和链接它已经看起来像一个不同的网站。

整个事情归结到交换四个CSS变量,考虑到网站现在的样子多么不同感觉几乎反高潮。从什么启动工具包已经有的开始,一些默认蓝色告诉你零关于写东西的人:

/* 什么已经在那里 */
@theme {
  --font-body: ui-sans-serif, system-ui, sans-serif;
  --color-bg: #ffffff;
  --color-fg: #1a1a1a;
  --color-accent-500: #3b82f6;
}
@theme {
  --font-body: 'Literata', ui-serif, Georgia, serif;
  --color-bg: #ecf3ee;
  --color-fg: #141c18;
  --color-accent-500: #2f6b45;
}

没有其他的改变还。没有新的布局,没有像素艺术,都没有。只是字体和颜色。但这是第一次在一段时间我打开这个网站并想,好的,那是真正我的。

重新设计的主页:绿色调色板、Literata serif、像素山头

更多来这周。我为标题有想法那会花远比他们应该的时间,我已经在纸上而不仅仅像通常那样做在浏览器里画东西。

0 条评论

登录 后即可评论。

登录

忘记密码?

还没有账号?