红牛 样式指南 目录 1.战略品牌概述 2.徽标变体3.网格 和布局 4.页眉样式-顶部栏 5.标头样式-主导航 6.标题样式-列 7.页脚样式 8.按钮样式9.窗 体样式 10.照片样式 11.字体样式 12.颜色 战略品牌概述 红牛的核心是我们的精髓,它被封装在短语“向世界传播我们的翅膀”中。红牛不仅仅是一个全球品牌,还催生了一个全新的F&B行业市场:能量饮料。 红牛的身份体现了冒险精神和对消费的热情。这在我们的口号中有所体现: 红牛给你wiiings。 徽标-变体 红牛品牌标志 红牛电视徽标 50PX 网站维度左侧填充:0 位置:“主栏” 50px 网站尺寸最高边距: 90px 位置:“模块3-Up” 76PX 网站徽标是指向红牛主页的链接。 76px原始徽 32px RedBul.COM徽标 网站尺寸最高边距: 159px 位置:“页脚主导航”左浮动 228px 100px 标大小 153px 红牛品牌标志用在网站的左上角。它也被用作网站favicon(16pxx16px) 网格和布局 模块化网格/标题:1159pxx440px填充 :48% 模块化网格/块:476pxx739px填充 :26px 四列网格/频道预告:1159pxx1541px 填充:26px 三列网格/红牛电视:368.625pxx1371px 填充:26px 模块化网格/页脚:1159pxx 196.547px 衬垫:18.2 保证金:26.286 红牛网站利用复杂的网格系统。 标题样式 #1#2#3#4 顶部酒吧 #5#6 37px 按钮#1:REDBULL.US 尺寸:61.9891pxx36px 红网 颜色:#CC1C4ARGB:204,28,74 CMYK:0,100,31,0 按钮#2:红色BULL电视 尺寸:62.797pxx36px 按钮#3:运动员 按钮#4:事件 尺寸:39.531pxx36px 按钮#5:产品和公司 尺寸:119.297pxx36px 按钮#6:SHOP 尺寸:28.609pxx36px 字体:红牛Siri核心粗体字体大小:11px 线高:36px 边框:1px 1172px 顶部栏颜色 顶部酒吧蓝色 背景:#0b162f;CMYK:100,74,44 ,59 RGB:11,22,47 位置:相对;显示:块 ;边距:0;高度:41px;行高:41px; 顶部栏颜色 边框底部 背景:#0b162f;CMYK:100,74,44 ,59 RGB:11,22,47 尺寸:50.250pxx 36px 填充:17.875pxx17.875px边界底部:1px实心#2c4b9a; 宽度:100%; 悬停状态:按钮#1、#5、#6悬停状态:按钮#2、#3、#4 悬停状态颜色:悬停白色颜色:#FFFFFFRGB:0,0,0 CMYK:0,0,0,0 悬停状态边框颜色:悬停蓝色 颜色:#2C4B9ARGB:44,75,154 CMYK:100,58,19 ,4 按钮#2-6颜色 悬停白色颜色: #FFFFFFRGB:0,0,0 CMYK:0,0,0,0 位置:绝对;顶部 :0px; 左:0px;宽度 :400px;字体大小:10px; 按钮悬停状态 border-image-repeat:初始; box-shadow:rgb(51,51,51)0px0px20px; -webkit-box-shadow:rgb(51,51,51)0px0px20px;边界-半径:8px; text-align:左; 背景颜色:白色;颜色:rgb (102,102,102); font-family:'LucidaGrande','LucidaSansUnicode','LucidaSans',无衬线; 边界:1px固体rgb(74,174,222);边界图像源:初始; border-image-slice:initial;aborder-image-fond:initial; 标题样式 主导航菜单按钮 家#1#2#3#4#5#6搜索栏 主菜单按钮大小:98pxx36px59pxx36px82pxx36px112pxx36px70pxx36px77pxxx36px 主菜单大小: 1043pxx691px 主菜单颜色: 菜单背景颜色:蓝色渐变按钮颜色:透 明 主菜单间距: 边距:12pxx12px(左和右);16pxx16px(顶部和底部)填充 :18.2pxx18.2px 主菜单转角半径: .4px 子菜单按钮 子菜单大小:77pxx36px135pxx 183px 子菜单颜色: 菜单背景颜色:#253875复制颜色 :FFFFFF 子菜单间距: 边距:4.2(左);3.5(下)衬垫:13.65 悬停状态: 颜色:#121F45 标题样式 四列网格 250px 151px 266px 填充:36px 440px 507px 填充:39px 字体:红牛Siri粗体大小:20px 颜色:#CC141A 页脚样式 页脚大小: 43pxx43px 页脚颜色: #213872 页脚间距: 边距:26.286px(左;上;右) 主页脚 页脚边界 1px固体#213872克里姆林宫常规 20px #FFFFFF 按钮样式 按钮名称:搜索按钮位置:浮动正确大小:min o640px颜色:清除 字体:红牛Siri核心粗体14px间距:填充9.1px 三级模块 页边距-顶部:0!重要;显示:-moz-inline-stack;显示:inline-block;垂直对齐:middle;缩放:1; 社交媒体按钮 浮动:右;显示:内联;边框顶部:0; padding-top:0; FSBlakeLight尺寸:19px#171717 CMYK:72,66,65,80 RGB:33,43,48 407pxx543px 窗体样式 联系我们 Futuraptcondensed-bold尺 寸:54px#212B30 CMYK:79、65、59、62 RGB:33,43,48 Futuraptcondensed-bold大 小:15px#171717 CMYK:72,66,65,80 RGB:33,43,48 表单位置/对齐方式:宽度:90%;位置:相对;最大宽度: 1280px;margin-left:auto;margin-right:auto;display:block;overflow:hidden; 表单元素大小: 1043pxx691px 形式间距: 边距:57.953px(左右);底部(28px)填充:5px(左 右) 窗体边框: 1px纯色;颜色#2406d9 形状拐角半径: 4px 窗体下拉菜单阴影:线性渐变(至底部,#ffffff,#f5f5f5)接触形式渐变- 照片样式 主要照片 尺寸:1257.778pxx628.889px 列网格照片 尺寸:241.580pxx161.111px 填充:26(左,右;底部)39(顶部 )边框:2px实心#f3f3f3; 边框半径:4px 广告照片尺寸:300pxx250px 边距:35.955px(左和右) 底部模块照片 尺寸:401.528pxx455.330px 红牛拍摄了数十位运动员、艺术家、音乐家和赛事,我们还设计、设计和构建了原创营销产品,每张照片都应该代表红牛公司的核心价值观。 字体样式 克里姆林宫 用作“关注红牛”社交媒体图标颜色的标题:#FFFFF 尺寸:20px 线高:41px 红牛Siri加粗 用于标题和超链接颜色:#CC14A;#FFFFF 尺寸:30px;20px;25px;14px;22px 红牛Core-大胆 用于超链接和小标题颜色:#CC14A;#FFFFF 尺寸:30px;20px;25px;14px;22px 红牛Siri 用于身体复印颜色: #000000尺寸: 15.5px;12.2px 颜色 红牛红用法:头条 CMYK:14;100;66;2 RGB:204;31;75HEX:CC1E4A CMYK:0;60;100;0 RGB:245;129;32HEX:F4801F 日光带黄色用法:徽标的一部分CMYK :0;20;100;0RGB :255;202;6HEX:FFC906 灰色用法:悬停 国家文本 CMYK:66,59,58,41 RGB:70,70, 70HEX: 464646 深牛蓝用法:徽 飙升的蓝色 灰蓝色用法:复印 标和边框 用法:徽标 CMYK:79,65,59, CMYK:100,64,34,23 CMYK:100,4,25,0 62, RGB:0;76;109 RGB:0,140,209 RGB:33,43,48 HEX:004C6C HEX:008CD1 HEX:202A2F 浅灰色用 法:线条和边框CMYK: 15,11,10,0 RGB:212,214,217 D4D6D8 十六进制: ALmostWhitee几乎是黑色另一个蓝色更深的蓝色 用法:行;悬停状态用法:复制用法:链接用法:超链接 CMYK:2,1,1,10CMYK:72,66,65, 79 CMYK:100,88,27,13CMYK:100,90,40, 45 RGB:245,245, 245 十六进制: F4F5F5 RGB:23,23, 23 十六进制: 171717 RGB:34,57, 114 十六进制: 223971 RGB:19,32,70 十六进制: 121F45 红色 用法:徽标 CMYK:13,100,100, 3RGB:294,32,39 十六进制:CB2026