支付宝小程序内使用的字体与所运行的系统字体保持一致，常用字号及使用场景具体如下。
支付宝小程序提供了一系列官方色彩，为了更好的提供视觉连续性，传达状态信息，保证良好的色彩体验，请参考官方的配色方案。
小程序可根据需要使用支付宝小程序官方提供的标准控件，以达到统一稳定的目的，帮助用户使用最小的学习成本达成使用目标，减轻页面跳动所造成的不适感。
基于宽度750px（iPhone6）输出视觉方案。在布局小程序信息时，为信息内容区留出左右边距24px（12pt），限制内容宽度以获得最佳可读性。
间距的规范统一可以保证界面一致性的美感。
有规律的容器和组件圆角可以保证页面的统一性、秩序感。
根据展示场景，选择相应的图标尺寸展示。
图片比文字更吸引用户，能丰富页面内容。请使用清晰的图片，像素低的图片会降低页面的整体质感。
素材格式：png、jpg、gif图片
素材外观：保持图片四角方形
素材大小：小于等于120kb
素材背景：不透明、填充满、不得有外形轮廓
如遇网络加载问题，图片占位，建议用#F5F5F5背景色填充。
图标可辅助传达信息。图标应简洁、辨识性强，且同一服务主体中的图标应保持风格的一致性。（以下所用尺寸单位均为px（像素））。
小程序服务icon在商家小程序私域、支付宝客户端内搜索、生活号、中心化公域展示。
核心主体图形在图片中尺寸为106，部分特殊造型如需调整大小，可酌情放大尺寸但不得超过130。
2.背景图形规则及尺寸。如icon需要设置背景，背景必须有圆形外轮廓，且宽高需撑满180*180。
3.背景图形规则及尺寸。同一个服务主体下，icon的风格必须保持一致。
小程序Logo将在开发者平台、支付宝客户端、小程序页面内展现。为了能够在众多的支付宝小程序中脱颖而出，请使用清晰、大小合适的Logo切图，以保证在界面展现上的美观和完整。（以下所用尺寸单位均为px（像素））
小程序Logo在支付宝首页宫格、应用中心以圆形外观展现。
特别注意：小程序logo在首页的实际展示尺寸为56*56，请确保logo在该尺寸下的可识别性。
小程序Logo输出需保证主体元素的完整性，主体不能被前端圆形容器或圆角正方形容器裁切。
1.小程序Logo为单体元素，元素主体在图片尺寸中的建议占比130（72%），部分特殊造型需要调整大小，感知可在建议尺寸上做大小增减，以达到视觉平衡。
2.小程序Logo为图片，图片主体需缩放在140*140圆形辅助线内，不超过180*180圆形辅助线。
3.可以使用图形化文字作为小程序Logo，但不可出现图形+文字的上下组合形式。
4.关于背景，小程序Logo背景不可有外形轮廓。
为了能在众多的支付宝小程序中脱颖而出，请使用清晰、完整、有识别性的Logo切图，遵循设计原则，以保证界面展现上的美观和完整。
小程序框架为小程序配备统一的页面纵深导航能力。
顶部导航栏默认由支付宝小程序框架统一提供，开发者不可以对其位置和样式进行自定义。
小程序导航操作:（1）点击“更多”出现功能菜单选项;（2）点击“关闭”退出当前小程序；（3）点击“返回”默认返回上一层级。
小程序为开发者提供了深浅两套配色方案，开发者可根据自己的品牌风格选择适应的配色方案，保证信息的可读性。
当调用位置、录音、蓝牙等状态时，对应状态图标替换更多图标，闪烁显示闪动3下，然后在右上角显示静态图标。当状态调用动作取消，导航栏恢复默认状态。
底部标签栏用于首页横向视图导航的切换，它始终固定在屏幕底部，不随页面滚动隐藏。每个导航最少2项，同时显示不超过5项。当前选项文字和图标都需要高亮。
需要按照规范标准输出底部标签栏icon，否则会出现拉伸变形等显示异常状态。
支付宝小程序提供了一套标准基础控件，开发者可按需使用。使用风格一致、性能稳定的标准控件，可降低用户使用小程序的学习成本，同时避免由于小程序页面跳动造成用户使用不适。
下载支付宝小程序官方基础控件库，帮助小程序开发团队的视觉设计师进行小程序设计。