组件样式指南

一般的指导

使用各种组件来保持人们在滚动页面时的沉浸感. 不要在一个页面上使用过多的一种组件类型，并按照本样式指南中的指导为您的内容选择正确的组件.
试验组件类型. 对于页面中间的内容，可能有比WYSIWYG更好的组件—试试Carousel, 广告牌, 两列:两个按钮, 或三柱.
谨慎使用复杂的组件. 为高影响力的页面保留高影响力的组件(如程序查找器和全宽视频).
不要太挤. 使用间隔来增加组件之间的呼吸空间和负空间.
让摄影来做一些工作. 使用充满活力和特定内容的照片来增强页面视觉效果. 全宽照片组件非常适合将大而大胆的照片分散到页面中.

颜色的指导

颜色应用在标题突出显示

高亮为博彩平台排名的H1和H3标题风格带来了注意力和视觉天赋. 除了“管家蓝”，所有的管家颜色都是可选的颜色选择. 选择颜色时要记住的一些事情:
1. 这是品牌语言的主要部分吗? 博彩平台排名使用明亮的蓝色和黄色强调颜色在这个网站上最多, 其次是粉色, 橙色, 和绿色. 对博彩平台排名品牌故事或与博彩平台排名竞技有关的重要标题应以亮蓝色或黄色突出显示.
2. 这条信息真的很重要吗? 因为博彩平台排名用了粉色, 橙色, 与博彩平台排名调色板上的其他颜色相比，绿色更少出现, 用这些强调色突出的东西会很突出. 考虑把这些亮点留到你真正想要吸引观众眼球的信息上.
3. 添加多种内容或保持内容一致，但不要介于两者之间. 在长页上, 在整个过程中使用不同颜色的高光来保持事物的趣味性和观众的参与度. 在较短的页面或有严肃内容的页面上, 博彩平台排名可以保持颜色的一致性，以避免造成不必要的忙碌或分心. 有意识地选择其中一种方法，尽量不要落在两者之间.

组件背景的颜色应用

像高亮显示, 不同的背景颜色带来注意力和视觉天赋, 但也有助于划分网站内容. 所有的管家的颜色除了“管家蓝”是可选的颜色选择这些背景. 背景颜色的选择指南类似于博彩平台排名选择高亮颜色的指南:
1. 这个房子是品牌语言的主要部分吗? 博彩平台排名使用明亮的蓝色和黄色强调颜色在这个网站上最多, 其次是粉色, 橙色, 和绿色. 对于博彩平台排名品牌故事或与博彩平台排名运动有关的重要内容的组成部分应以亮蓝色或黄色突出显示.
2. 这条信息真的很重要吗? 因为博彩平台排名用了粉色, 橙色, 与博彩平台排名调色板上的其他颜色相比，绿色更少出现, 用这些强调色设置背景的组件中的内容将非常突出. 考虑将这些背景保存为您真正想要吸引观众眼球的内容.

3. 添加大量的多样性，但要有模式. 在整个页面中使用不同颜色的背景可以保持内容的趣味性和浏览者的参与度, 但它也可以引导观众浏览不同的内容区域，并将不同的内容片段彼此分开. 试着建立一个模式——如果你有5个组件，背景堆叠在一起, 最好在几种颜色之间来回切换，而不是使用所有5种强调色.

式风格

下面是处理文本时可用的排版样式. 组件具有预设的排版样式，在设置标题时可以作为很好的参考, sub标题s, 正文, 或所见即所得的说明文字.

主管(哨兵/钨)	显示器(解放者)
标题1	显示1
头2	显示2
头3	显示3
头4	显示4
头5	显示5
头6	显示6
段
超链接

主管(哨兵/钨)

显示器(解放者)

标题1

显示1

头2

显示2

头3

显示3

头4

显示4

头5

显示5

头6

显示6

段

超链接

硬代码草图

颜色选择: 亮蓝，蓝管家，黄色，粉色，绿色，橙色，白色.

c

c-alt

u

u-alt

a

s

英雄:默认

这是大多数情况下使用的标准英雄. 在桌面中断点处，标题不应超过两行文本.

选项:

副标题与可选的硬编码草图
描述
1 - 2按钮
图像
社交媒体链接
高亮颜色:无，黄色，管家蓝，亮蓝，粉色，绿色，橙色

英雄标题
W/ A彩色高光

副标题文本放在这里

用于营销信息的描述性文本. Lorem ipsum dolset vita valet descan volor. 用于营销信息的描述性文本. Lorem ipsum dolset vita valet descan volor. 250字推荐.

英雄:交替，短

这个英雄应该保留在特殊情况下，如大学登陆页面的粗体, 有效的存在. 标题应该非常短.

选项:

图片或视频背景
社交媒体链接

另类英雄标题

英雄:交替，高个子

这个英雄应该保留在特殊情况下，如大学登陆页面的粗体, 有效的存在. 标题应该非常短.

选项:

图片或视频背景
社交媒体链接

简短有力的标题

所见即所得(所见即所得).)

所见即所得是博彩平台排名最灵活的通信组件. 主要用在男主角下面, 所见即所得可以简单地为页面的其余部分设置场景, 清晰的方式. 它可以包含多个文本段落，并允许自定义类型和元素. 超链接的例子: bmccombs@simpsonscarborough.com

如果所见即所得在页面的英雄下面, 它必须有一个侧边栏菜单, 无论是它自己的还是继承自它上面的登陆页.

可选:

最多4个文本按钮
口音的文本
侧边栏菜单

程序仪

程序查找器是一个大网格，可以包含许多参与, 以动作为导向的视觉效果，将注意力吸引到搜索框或下拉菜单上.

可选:

搜索或下拉
口音的文本
最多2个按钮
高亮颜色:无，黄色，管家蓝，亮蓝，粉色，绿色，橙色

快速的事实

这个组件允许博彩平台排名以一种有力的方式显示令人印象深刻的重要统计数据. 该组件可以显示多达3个快速事实, 但可以与其他快速事实组件堆叠以显示更多内容. 每个Quick Fact允许你选择一个特定的草图来增加多样性和影响——有些草图更适合较短的事实数字，有些更适合较长的数字.

选项:

1、2或3快速事实
草图:圆形，下划线，箭头，星形
素描颜色:黄色，管家蓝，亮蓝，粉色，绿色，橙色

70%

支持的数据文本

#80

支持的数据文本

超过90

支持的数据文本

一栏:两个按钮

该组件旨在作为重要信息和最多2个cta的标注. 只有一种类型的风格，所以这应该包含一个长标题或一小段描述性文字. 双色叠加是自动设置的-此组件不能显示全彩色图像. 使用硬编码的草图来强调文本中一个高影响力的词.

可选:

硬编码草图(推荐颜色:黄色)
1或2个按钮

我爱你，我爱你, 奉献奉献的精英, 我不认为这是一种暂时的意外，但我认为这是一种巨大的意外. 但敌人和最少的威尼斯, Quis nostrud practice ullamco laboris is but a ququis is a commoncommon后果.

按钮1 按钮2

二栏:广告牌

该组件可以显示许多包含图像的相关卡片标注, 标题, 描述, 和按钮.

可选:

标题
高亮颜色:无，黄色，管家蓝，亮蓝，粉色，绿色，橙色
描述文本
最多10张卡
蓝色素描箭头

标题与选项颜色高亮

我爱你，我爱你, 奉献奉献的精英, 我不认为这是一种暂时的意外，但我认为这是一种巨大的意外. 但敌人和最少的威尼斯, Quis nostrud practice ullamco laboris is but a ququis is a commoncommon后果.

卡的标题

我爱你，我爱你, 奉献奉献的精英, 我不认为这是一种暂时的意外，但我认为这是一种巨大的意外. 但敌人和最少的威尼斯, Quis nostrud practice ullamco laboris is but a ququis is a commoncommon后果. 性格飞机气象侦察

Button

卡的标题

Button

两列:两个按钮

该组件允许您使用全宽彩色背景拆分页面, 限制使用的标题样式, 还有文本按钮. 此组件不应与其他两列:两个按钮堆叠在一起. 还有其他吸引人的方式来显示类似的内容，应该首先考虑(Carousel), 广告牌).

选项:

背景颜色:无，黄色，亮蓝色，粉色，绿色，橙色
0、1或2个文本按钮
蓝色素描箭头

标题

文本按钮文本按钮

二栏:报价

这两栏标注是伟大的特色管家个人与空间中等长度引用标题和肖像. 当这些组件堆叠在一起时，它们左右交错，并且总是有一个背景. 在徘徊, 在光标周围出现一个旋转文本块，使用与CTA文本按钮相同的文本. 爱发牢骚的文本颜色决定了悬停时标题和文本按钮的颜色.

选项:

文字颜色: 黄色，管家蓝，亮蓝，粉色，绿色，橙色
备选光标文本

爱发牢骚的文本

我爱你，我爱你, 奉献奉献的精英, 我不认为这是一种暂时的意外，但我认为这是一种巨大的意外. 但敌人和最少的威尼斯, Quis nostrud practice ullamco laboris is but a ququis is a commoncommon后果.

文本按钮

两栏:文本/按钮/图像

类似于一栏:两个按钮组件, 该组件旨在作为重要信息和最多2个cta的标注, 第一个CTA是实心的，而第二个是模糊的. 使用硬编码的草图来强调文本中1到2个影响较大的单词.

可选:

硬编码的草图
最多2个按钮

非常短的描述文字与可选的口音草图. 100个字符限制.

按钮1 按钮2

两栏:全宽图像或视频

该组件由背景和白色卡片组成，可用于突出标题, 描述和多达4个CTA文本按钮. 不要堆叠在另一个两列:全宽图像或视频组件或画廊:旋转木马.

选项:

图片或视频背景
亮点颜色:黄色, 博彩平台排名蓝色, 明亮的蓝色, 粉红色的, 绿色, 橙色(这将告知卡片上方栏的颜色)

爱发牢骚的文本

短标题最多两行

文本按钮1 文本按钮2 文本按钮3 文本按钮4

三栏:文本和动作链接

类似于所见即所得, 该组件非常适合以简单的, 清晰的方式，多达3个按钮. 它与下面的全宽图像组件配对非常好.

可选:

硬编码草图
1、2、3按钮

这是一个简短的标题，带有可选的口音草图.

按钮1 按钮2 按钮3

手风琴

手风琴允许博彩平台排名显示大量的信息，同时保持页面的滚动长度较短，并允许用户选择哪些信息对他们重要. 如果只有2个手风琴，高亮颜色将自动显示. 如果有3个或更多的手风琴，高亮颜色只会在悬停或打开时显示. 如果在带有侧边栏菜单的所见即所得下使用，则可以选择将手风琴嵌套到所见即所得文本的较小宽度上. 每个手风琴都支持一个完整的所见即所得及其提供的灵活样式.

选项:

踢文本手风琴分组
高亮颜色:无，黄色，管家蓝，亮蓝，粉色，绿色，橙色

可选的踢文字组手风琴

全宽视频/图像

全宽图像:

局限于站点的边缘
可选:突出显示视频标题
可选:管家旗素描装饰

全宽视频:

这个版本的组件应该保留给博彩平台排名想要显示一些大的东西的特殊情况, 有效的, 和引人注目的
两行有影响力的文本将在滚动时滑动过屏幕
可选:突出显示视频标题
可选:管家旗素描装饰

照片短标题

视频短标题

画廊:旋转木马

旋转木马允许最多4张幻灯片的内容. 每张幻灯片都包含一个背景图像, 可选的剪切图像, 还有一张有踢球文字的卡片, 一个标题, 主体复制和最多一个文本按钮. 每张幻灯片都可以有一个标题，将出现在底部的自动滚动导航中-博彩平台排名建议在这里使用kicker文本. 不要堆叠在另一个两列:全宽图像或视频组件或画廊:旋转木马.