关于这个网站 · 星澪科技 MioLab

官网上线了。这里介绍我们的业务和合作方式，也放招聘信息和联系方式。之后我们会在博客里记录项目中的设计与研发经验。

版式

网站的版式取自公司的工牌：页面顶部是一条「澪」紫色带，对应工牌正面；底部的「联系我们」是另一条紫色带，对应工牌背面；中间是浅底上的文字。同心水纹只出现在色带上，从一角散开，每圈间距 40 像素。

每一节以一条细线开头，左边是小节名，右边是内容，读起来像一张规格表。

标题和短句按分句换行：一个分句整体换到下一行，不把词拆开，也不在行尾留下孤字。做法是把每个分句包在一个 inline-block 的元素里：

<p>
  <span class="ph">用户研究、信息架构、交互与视觉设计，</span>
  <span class="ph">以及可以长期维护的设计系统。</span>
</p>

像这篇文章这样的长段落不这样处理，按字正常换行。