网站设计的版式能够帮助用户在他们甚至还没有开始读一个字或者点击一个按钮之前建立一个用户体验。版式不仅仅是讲述一个故事，它告诉用户是这个网站的幕后以及这个背后的人是做什么的。对于字体的处理创造了一种氛围，同时也会像声音的音调一样引起回想。
当页面加载的时候你想让他们有什么样的感受和体验?版式建立一个交流的模式，同时，也表达了一个网站的个性。字体的选择将会决定人们对你的网站的反馈。
以下的网站有着非常明显的个性，大部分都是通过版式来建立的。但是他们通过字体来吸引用户来产生兴趣。好的网页版式不仅仅只是一个美好的视觉处理，同时也要注意速度。很多设计师***忽视了性能。
Matt Luckhurst
这个网页色彩斑斓也很有趣。首先映入眼帘的是活泼的衬线字母，接下来，　看起来很随意分散的字母拼写出Matt的名字。悬停效果显示每个项目的示例图片，这种做法非常有效，几乎是跳出字母的限制。这个网站显示了字体可以作为平面元素合并在设计中。混合在一起的五彩有衬线字母打破了经典，可能我们能够从衬线字体中更清醒的找到创意。

Playful
Wow,这个网站确实很幽默!这个网站的调调不是仅仅根据字体的特征而设计的，而是通过它们的排版方式。它打破了我们的常规交流的顺序。通常你会在印刷海报中看到轴对称的排版，那通常给人印象深刻。在这个网站上，字体的选择并不是非常的有个性的装饰性或者是很好玩的装饰性字体，它就是用的非常简单的无衬线字体。非常棒的背景图案触觉体验，它引导阅读的方向，以及用户阅读网站的文字时头部从一边到另一边的运动。

Atelier
这个网站的所有地方都值得关注。整个页面由不同的元素组合在一起有一种动感。网站的logo是用的一种宽的但是很优雅的字体，建立了一种设计基调。运动的感觉是由一条倾斜的线来建立的，这根倾斜的直线跟logo中的首字母“A”的倾斜保持一致，创建了这个网站的节奏。滑动的预览图深深的抓住你的眼球，图片很大让你感觉到无拘无束。

Ewket
这是个简单的扁平化设计的网站。用最基本的造型设计，就像油画的***层。Ewket在埃塞俄比亚致力于基础教育事业。网站内容所使用的字体Andale Mono并不是你所期待的那样，但是它能够读懂。这个字体是一种锋利的无衬线字体，有一种空荡荡的感觉。Ewket是一个基层项目，所以它的整个设计看起来非常的基本和简单，也映照了它的功能。然而，它并没有很好的对应它的性能，4.6MB和58次HTTP请求显得有点没必要的多余。

The whig
这个餐厅是一个可以坐下来，放松，和你的小伙伴们喝一杯的地方。Medula One字体被用来诠释这样一种感觉。这种无衬线字体非但不会显得过分装饰而且它的笔刷线条有一种中世纪的感觉 。它非常的友好而不做作，很好的映衬了这个小bar的氛围。