Anna Jóna 网站预览
Anna Jóna 网站预览

Anna Jóna

浅红色基底、胶囊形控件与大字排版。

页面以浅红色为基底,搭配红色文字。字体采用 Sansita、Nunito Sans。视觉特点包括胶囊形控件、大字排版、宽松留白、大幅图像展示。适合参考的场景:建筑作品集、空间项目展示页。

查看原始网站

使用规范

建议采用

  • 全部文字、图标和交互元素只使用 Coral Crimson(#db404f),不引入第二种彩色文字色。
  • 正文全部采用 18px Nunito Sans、1.5 行高;更小或更密的文案会破坏编辑阅读节奏。
  • 每种 Sansita 标题尺寸采用 -0.02em letter-spacing,按比例缩放,例如 70px 时 -1.4px、28px 时 -0.56px。
  • 用带 8-12° clip-path 斜边的铺满边缘摄影划分分区,而非横向分隔线或色带。
  • 装饰形状采用 90px border-radius,胶囊形按钮采用 300px;这两种圆角就是全部几何形态。
  • 主要分区顶部内边距保持 144px,段落之间 48px,维持缓慢、信件般的纵向韵律。
  • 所有内容直接放在 Blush Paper(#fce1e3)上,没有白卡片、抬升面板或背景容器。

建议避免

  • 不添加 box-shadows、drop-shadows 或任何 z-depth 指示,设计有意像扁平纸张。
  • 不引入其他强调色,Coral Crimson 是唯一彩色语气。
  • 不使用矩形图像容器、标准卡片或 8-16px 界面圆角;体系仅采用两种极端圆角。
  • 正文不低于 18px,字号尺度从正文开始向上增长。
  • 不以横线、分区分隔线或背景色带分隔内容,改用斜切图像延展与留白。
  • 链接状态不使用不同颜色;包括链接在内的全部文字都保持 Coral Crimson,仅以下划线区分。
  • 标题不用无衬线,Sansita 700 是唯一展示语气,并定义编辑特征。