Changeset 6751 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/page-about-logos.php
- Timestamp:
- 02/26/2018 03:36:02 AM (7 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/page-about-logos.php
r6744 r6751 27 27 <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 28 28 <header class="entry-header"> 29 <h1 class="entry-title"><?php _esc_html_e( ' Logos and Graphics', 'wporg' ); ?></h1>29 <h1 class="entry-title"><?php _esc_html_e( 'Graphics & Logos', 'wporg' ); ?></h1> 30 30 </header><!-- .entry-header --> 31 31 32 32 <div class="entry-content row"> 33 33 <section class="col-8"> 34 <p class="intro">Need an official WordPress logo? Want to show your WordPress pride with a button on your blog? You’ve come to the right place.</p> 34 <h3 class="graphics">Official WordPress Logo</h3> 35 <p>When you need the official WordPress logo for a web site or publication, please use one of the following. Please only use logos in accordance with the <a href="http://wordpressfoundation.org/trademark-policy/">WordPress trademark policy</a>.</p> 36 37 <h3 class="graphics">Downloads</h3> 38 39 <section class="all-logos col-12 row gutters"> 40 <div class="logo col-4" id="logo-all"> 41 <img src="//s.w.org/style/images/about/allversions.png" alt="<?php esc_attr_e( 'WordPress Logotypes - All Versions', 'wporg' ); ?>" /> 42 <div class="logo-header"> 43 <strong><?php _esc_html_e( 'WordPress Logotypes', 'wporg' ); ?></strong> 44 <span><?php _esc_html_e( 'All versions', 'wporg' ); ?></span> 45 </div> 46 <ul class="resources-list"> 47 <li><a href="//s.w.org/style/images/about/WordPress-logotype-all.ai_.zip"><?php _esc_html_e( 'Adobe Illustrator CS5+ Sketch 3', 'wporg' ); ?></a></li> 48 </ul> 49 </div> 50 51 <div class="logo col-4" id="logo-standard"> 52 <img src="//s.w.org/style/images/about/standard.png" alt="<?php esc_attr_e( 'WordPress Logotype - Standard', 'wporg' ); ?>" /> 53 <div class="logo-header"> 54 <strong><?php _esc_html_e( 'WordPress Logotype', 'wporg' ); ?></strong> 55 <span><?php _esc_html_e( 'Standard', 'wporg' ); ?></span> 56 </div> 57 <ul class="resources-list"> 58 <li><a href="//s.w.org/style/images/about/WordPress-logotype-standard.pdf"><?php echo wp_kses_post( ___( 'PDF <span>(Vector)</span>', 'wporg' ) ); ?></a></li> 59 <li><a href="//s.w.org/style/images/about/WordPress-logotype-standard.png"><?php echo wp_kses_post( ___( 'PNG <span>(BaseGray/transparent)</span>', 'wporg' ) ); ?></a></li> 60 <li><a href="//s.w.org/style/images/about/WordPress-logotype-standard-white.png"><?php echo wp_kses_post( ___( 'PNG <span>(White/transparent)</span>', 'wporg' ) ); ?></a></li> 61 </ul> 62 </div> 63 64 <div class="logo col-4" id="logo-alternative"> 65 <img src="//s.w.org/style/images/about/alternative.png" alt="<?php esc_attr_e( 'WordPress Logotype - Alternative', 'wporg' ); ?>" /> 66 <div class="logo-header"> 67 <strong><?php _esc_html_e( 'WordPress Logotype', 'wporg' ); ?></strong> 68 <span><?php _esc_html_e( 'Alternative, vertical arrangement', 'wporg' ); ?></span> 69 </div> 70 <ul class="resources-list"> 71 <li><a href="//s.w.org/style/images/about/WordPress-logotype-alternative.pdf"><?php echo wp_kses_post( ___( 'PDF <span>(Vector)</span>', 'wporg' ) ); ?></a></li> 72 <li><a href="//s.w.org/style/images/about/WordPress-logotype-alternative.png"><?php echo wp_kses_post( ___( 'PNG <span>(BaseGray/transparent)</span>', 'wporg' ) ); ?></a></li> 73 <li><a href="//s.w.org/style/images/about/WordPress-logotype-alternative-white.png"><?php echo wp_kses_post( ___( 'PNG <span>(White/transparent)</span>', 'wporg' ) ); ?></a></li> 74 </ul> 75 </div> 76 77 <div class="logo col-4" id="logo-word-mark"> 78 <img src="//s.w.org/style/images/about/wordmark.png" alt="<?php esc_attr_e( 'WordPress Logotype - Word Mark', 'wporg' ); ?>" /> 79 <div class="logo-header"> 80 <strong><?php _esc_html_e( 'WordPress Logotype', 'wporg' ); ?></strong> 81 <span><?php _esc_html_e( 'Word Mark', 'wporg' ); ?></span> 82 </div> 83 <ul class="resources-list"> 84 <li><a href="//s.w.org/style/images/about/WordPress-logotype-wordmark.pdf"><?php echo wp_kses_post( ___( 'PDF <span>(Vector)</span>', 'wporg' ) ); ?></a></li> 85 <li><a href="//s.w.org/style/images/about/WordPress-logotype-wordmark.png"><?php echo wp_kses_post( ___( 'PNG <span>(BaseGray/transparent)</span>', 'wporg' ) ); ?></a></li> 86 <li><a href="//s.w.org/style/images/about/WordPress-logotype-wordmark-white.png"><?php echo wp_kses_post( ___( 'PNG <span>(White/transparent)</span>', 'wporg' ) ); ?></a></li> 87 </ul> 88 </div> 89 90 <div class="logo col-4" id="logo-w-mark"> 91 <img src="//s.w.org/style/images/about/wmark.png" alt="<?php esc_attr_e( 'WordPress Logotype - W Mark', 'wporg' ); ?>" /> 92 <div class="logo-header"> 93 <strong><?php _esc_html_e( 'WordPress Logotype', 'wporg' ); ?></strong> 94 <span><?php _esc_html_e( 'W Mark', 'wporg' ); ?></span> 95 </div> 96 <ul class="resources-list"> 97 <li><a href="//s.w.org/about/images/logos/WordPress-logotype-wmark.pdf"><?php echo wp_kses_post( ___( 'PDF <span>(Vector)</span>', 'wporg' ) ); ?></a></li> 98 <li><a href="//s.w.org/about/images/logos/WordPress-logotype-wmark.png"><?php echo wp_kses_post( ___( 'PNG <span>(BaseGray/transparent)</span>', 'wporg' ) ); ?></a></li> 99 <li><a href="//s.w.org/about/images/logos/WordPress-logotype-wmark-white.png"><?php echo wp_kses_post( ___( 'PNG <span>(White/transparent)</span>', 'wporg' ) ); ?></a></li> 100 </ul> 101 </div> 102 103 104 105 <div class="logo col-4"></div> 106 </section> 35 107 36 108 <h3 class="graphics">Fight the Fake Logo (Fauxgo)</h3> 109 <p>Friends don’t let friends use the wrong WordPress logo. If you see one of these in the wild, please suggest a change.</p> 37 110 <img class="aligncenter" src="//s.w.org/about/images/logo-comparison.png" width="500" /> 38 <p>Friends don’t let friends use the wrong WordPress logo. If you see one of these in the wild, please suggest a change.</p>39 40 <h3 class="graphics">Real WordPress Logo</h3>41 42 <p>When you need the official WordPress logo for a web site or publication, please use one of the following. These are the real deal. Please only use logos in accordance with the <a href="http://wordpressfoundation.org/trademark-policy/">WordPress trademark policy</a>.</p>43 </section>44 45 <section class="all-logos col-12 row gutters">46 <table class="logo col-3" id="logo-stacked">47 <tr><th><img src="//s.w.org/about/images/wordpress-logo-stacked-bg.png" alt="WordPress logo" longdesc="WordPress Logo Stacked" /></th></tr>48 <tr><td><a href="//s.w.org/about/images/logos/wordpress-logo-stacked-cmyk.pdf">WordPress Logo Stacked PDF <small>Vector, for print</small></a></td></tr>49 <tr><td><a href="//s.w.org/about/images/logos/wordpress-logo-stacked-rgb.png">WordPress Logo Stacked PNG <small>Low-res, for web</small></a></td></tr>50 </table>51 52 <table class="logo col-3" id="logo-hoz">53 <tr><th><img src="//s.w.org/about/images/wordpress-logo-hoz-bg.png" alt="WordPress logo" longdesc="WordPress Logo Horizontal" /></th></tr>54 <tr><td><a href="//s.w.org/about/images/logos/wordpress-logo-hoz-cmyk.pdf">WordPress Logo PDF <small>Vector, for print</small></a></td></tr>55 <tr><td><a href="//s.w.org/about/images/logos/wordpress-logo-hoz-rgb.png">WordPress Logo PNG <small>Low-res, for web</small></a></td></tr>56 </table>57 58 <table class="logo col-3" id="logo-notext">59 <tr><th><img src="//s.w.org/about/images/wordpress-logo-notext-bg.png" alt="WordPress logo" longdesc="WordPress Logo No text" /></th></tr>60 <tr><td><a href="//s.w.org/about/images/logos/wordpress-logo-notext-cmyk.pdf">WordPress Logo Notext PDF <small>Vector, for print</small></a></td></tr>61 <tr><td><a href="//s.w.org/about/images/logos/wordpress-logo-notext-rgb.png">WordPress Logo Notext PNG <small>Low-res, for web</small></a></td></tr>62 </table>63 64 <table class="logo col-3" id="logo-textonly">65 <tr><th><img src="//s.w.org/about/images/wordpress-logo-textonly-bg.png" alt="WordPress logo" longdesc="WordPress Logo Text only" /></th></tr>66 <tr><td><a href="//s.w.org/about/images/logos/wordpress-logo-textonly-cmyk.pdf">WordPress Logo Textonly PDF <small>Vector, for print</small></a></td></tr>67 <tr><td><a href="//s.w.org/about/images/logos/wordpress-logo-textonly-rgb.png">WordPress Logo Textonly PNG <small>Low-res, for web</small></a></td></tr>68 </table>69 70 <table class="logo col-3" id="logo-notext-reverse">71 <tr><th><img src="//s.w.org/about/images/wordpress-logo-simplified-bg.png" alt="WordPress logo" longdesc="WordPress Logo Simplified" /></th></tr>72 <tr><td><a href="//s.w.org/about/images/logos/wordpress-logo-simplified-cmyk.pdf">WordPress Logo Simplified CMYK <small>Vector, for print</small></a></td></tr>73 <tr><td><a href="//s.w.org/about/images/logos/wordpress-logo-simplified-rgb.png">WordPress Logo Simplified PNG <small>Low-res, for web</small></a></td></tr>74 </table>75 76 <table class="logo col-3" id="logo-codeispoetry">77 <tr><th><img src="//s.w.org/about/images/codeispoetry-bg.png" alt="WordPress motto" longdesc="WordPress Code is Poetry motto" /></th></tr>78 <tr><td><a href="//s.w.org/about/images/logos/codeispoetry-cmyk.pdf">Code is Poetry PDF <small>Vector, for print</small></a></td></tr>79 <tr><td><a href="//s.w.org/about/images/logos/codeispoetry-rgb.png">Code is Poetry PNG <small>Low-res, for web</small></a></td></tr>80 </table>81 82 <table class="logo col-3" id="minilogo-32">83 <tr><th><img src="//s.w.org/about/images/logos/wordpress-logo-32-blue.png" alt="WordPress logo" longdesc="WordPress Logo mini blue" style="padding:54px 0" /></th></tr>84 <tr><td><a href="//s.w.org/about/images/logos/wordpress-logo-32-blue.png">Mini PNG (Blue) <small>32×32</small></a></td></tr>85 <tr><td><a href="//s.w.org/about/images/logos/wordpress-logo-32.png">Mini PNG (Gray) <small>32×32</small></a></td></tr>86 </table>87 88 <table class="logo col-3" id="minilogo-blue">89 <tr><th><img src="//s.w.org/about/images/wpmini-blue.png" alt="WordPress logo" longdesc="WordPress Logo icon blue" /></th></tr>90 <tr><td><a href="//s.w.org/about/images/wpmini-blue.png">Mini PNG (Blue) <small>16×16</small></a></td></tr>91 <tr><td><a href="//s.w.org/about/images/wpmini-grey.png">Mini PNG (Gray) <small>16×16</small></a></td></tr>92 </table>93 </section>94 95 <section class="col-8">96 <h3 class="graphics">WordPress Desktops</h3>97 98 <p>Show your WordPress love with desktop images for the most popular screen sizes (including the iPhone!)</p>99 </section>100 101 <section class="all-logos col-12 row gutters">102 <table class="logo col-3" id="wp-light-hi">103 <tr><th><img src="//s.w.org/about/images/wp-light-hi-bg.png" alt="WordPress Desktop Wallpaper" longdesc="WordPress Desktop Wallpaper Light High Contrast" /></th></tr>104 <tr><td><a href="//s.w.org/about/images/desktops/wp-light-hi-640x960.png">640×960 <small>Smartphones</small></a></td></tr>105 <tr><td><a href="//s.w.org/about/images/desktops/wp-light-hi-1024x768.png">1024×768</a></td></tr>106 <tr><td><a href="//s.w.org/about/images/desktops/wp-light-hi-1440x900.png">1440×900</a></td></tr>107 <tr><td><a href="//s.w.org/about/images/desktops/wp-light-hi-2048x1536.png">2048×1536 <small>iPad</small></a></td></tr>108 <tr><td><a href="//s.w.org/about/images/desktops/wp-light-hi-2560x1440.png">2560×1400</a></td></tr>109 <tr><td><a href="//s.w.org/about/images/desktops/wp-light-hi-2880x1800.png">2880×1800 <small>for Retina display</small></a></td></tr>110 </table>111 112 <table class="logo col-3" id="wp-light-lo">113 <tr><th><img src="//s.w.org/about/images/wp-light-lo-bg.png" alt="WordPress Desktop Wallpaper" longdesc="WordPress Desktop Wallpaper Light Low Contrast" /></td></tr>114 <tr><td><a href="//s.w.org/about/images/desktops/wp-light-lo-640x960.png">640×960 <small>Smartphones</small></a></td></tr>115 <tr><td><a href="//s.w.org/about/images/desktops/wp-light-lo-1024x768.png">1024×768</a></td></tr>116 <tr><td><a href="//s.w.org/about/images/desktops/wp-light-lo-1440x900.png">1440×900</a></td></tr>117 <tr><td><a href="//s.w.org/about/images/desktops/wp-light-lo-2048x1536.png">2048×1536 <small>iPad</small></a></td></tr>118 <tr><td><a href="//s.w.org/about/images/desktops/wp-light-lo-2560x1440.png">2560×1400</a></td></tr>119 <tr><td><a href="//s.w.org/about/images/desktops/wp-light-lo-2880x1800.png">2880×1800 <small>for Retina display</small></a></td></tr>120 </table>121 122 <table class="logo col-3" id="wp-dark-hi">123 <tr><th><img src="//s.w.org/about/images/wp-dark-hi-bg.png" alt="WordPress Desktop Wallpaper" longdesc="WordPress Desktop Wallpaper Dark High Contrast" /></td></tr>124 <tr><td><a href="//s.w.org/about/images/desktops/wp-dark-hi-640x960.png">640×960 <small>Smartphones</small></a></td></tr>125 <tr><td><a href="//s.w.org/about/images/desktops/wp-dark-hi-1024x768.png">1024×768</a></td></tr>126 <tr><td><a href="//s.w.org/about/images/desktops/wp-dark-hi-1440x900.png">1440×900</a></td></tr>127 <tr><td><a href="//s.w.org/about/images/desktops/wp-dark-hi-2048x1536.png">2048×1536 <small>iPad</small></a></td></tr>128 <tr><td><a href="//s.w.org/about/images/desktops/wp-dark-hi-2560x1440.png">2560×1400</a></td></tr>129 <tr><td><a href="//s.w.org/about/images/desktops/wp-dark-hi-2880x1800.png">2880×1800 <small>for Retina display</small></a></td></tr>130 </table>131 132 <table class="logo col-3" id="wp-dark-lo">133 <tr><th><img src="//s.w.org/about/images/wp-dark-lo-bg.png" alt="WordPress Desktop Wallpaper" longdesc="WordPress Desktop Wallpaper Dark Low Contrast" /></td></tr>134 <tr><td><a href="//s.w.org/about/images/desktops/wp-dark-lo-640x960.png">640×960 <small>Smartphones</small></a></td></tr>135 <tr><td><a href="//s.w.org/about/images/desktops/wp-dark-lo-1024x768.png">1024×768</a></td></tr>136 <tr><td><a href="//s.w.org/about/images/desktops/wp-dark-lo-1440x900.png">1440×900</a></td></tr>137 <tr><td><a href="//s.w.org/about/images/desktops/wp-dark-lo-2048x1536.png">2048×1536 <small>iPad</small></a></td></tr>138 <tr><td><a href="//s.w.org/about/images/desktops/wp-dark-lo-2560x1440.png">2560×1400</a></td></tr>139 <tr><td><a href="//s.w.org/about/images/desktops/wp-dark-lo-2880x1800.png">2880×1800 <small>for Retina display</small></a></td></tr>140 </table>141 142 <table class="logo col-3" id="wp-blue">143 <tr><th><img src="//s.w.org/about/images/wp-blue-bg.png" alt="WordPress Desktop Wallpaper" longdesc="WordPress Desktop Wallpaper Blue" /></td></tr>144 <tr><td><a href="//s.w.org/about/images/desktops/wp-blue-640x960.png">640×960 <small>Smartphones</small></a></td></tr>145 <tr><td><a href="//s.w.org/about/images/desktops/wp-blue-1024x768.png">1024×768</a></td></tr>146 <tr><td><a href="//s.w.org/about/images/desktops/wp-blue-1440x900.png">1440×900</a></td></tr>147 <tr><td><a href="//s.w.org/about/images/desktops/wp-blue-2048x1536.png">2048×1536 <small>iPad</small></a></td></tr>148 <tr><td><a href="//s.w.org/about/images/desktops/wp-blue-2560x1440.png">2560×1400</a></td></tr>149 <tr><td><a href="//s.w.org/about/images/desktops/wp-blue-2880x1800.png">2880×1800 <small>for Retina display</small></a></td></tr>150 </table>151 152 <table class="logo col-3" id="wp-orange">153 <tr><th><img src="//s.w.org/about/images/wp-orange-bg.png" alt="WordPress Desktop Wallpaper" longdesc="WordPress Desktop Wallpaper Orange" /></td></tr>154 <tr><td><a href="//s.w.org/about/images/desktops/wp-orange-640x960.png">640×960 <small>Smartphones</small></a></td></tr>155 <tr><td><a href="//s.w.org/about/images/desktops/wp-orange-1024x768.png">1024×768</a></td></tr>156 <tr><td><a href="//s.w.org/about/images/desktops/wp-orange-1440x900.png">1440×900</a></td></tr>157 <tr><td><a href="//s.w.org/about/images/desktops/wp-orange-2048x1536.png">2048×1536 <small>iPad</small></a></td></tr>158 <tr><td><a href="//s.w.org/about/images/desktops/wp-orange-2560x1440.png">2560×1400</a></td></tr>159 <tr><td><a href="//s.w.org/about/images/desktops/wp-orange-2880x1800.png">2880×1800 <small>for Retina display</small></a></td></tr>160 </table>161 162 <table class="logo col-3" id="wp-dkblue-blue">163 <tr><th><img src="//s.w.org/about/images/wp-dkblue-blue-bg.png" alt="WordPress Desktop Wallpaper" longdesc="WordPress Desktop Wallpaper Blue/Blue" /></td></tr>164 <tr><td><a href="//s.w.org/about/images/desktops/wp-dkblue-blue-640x960.png">640×960 <small>Smartphones</small></a></td></tr>165 <tr><td><a href="//s.w.org/about/images/desktops/wp-dkblue-blue-1024x768.png">1024×768</a></td></tr>166 <tr><td><a href="//s.w.org/about/images/desktops/wp-dkblue-blue-1440x900.png">1440×900</a></td></tr>167 <tr><td><a href="//s.w.org/about/images/desktops/wp-dkblue-blue-2048x1536.png">2048×1536 <small>iPad</small></a></td></tr>168 <tr><td><a href="//s.w.org/about/images/desktops/wp-dkblue-blue-2560x1440.png">2560×1400</a></td></tr>169 <tr><td><a href="//s.w.org/about/images/desktops/wp-dkblue-blue-2880x1800.png">2880×1800 <small>for Retina display</small></a></td></tr>170 </table>171 172 <table class="logo col-3" id="wp-dkblue-orange">173 <tr><th><img src="//s.w.org/about/images/wp-dkblue-orange-bg.png" alt="WordPress Desktop Wallpaper" longdesc="WordPress Desktop Wallpaper Orange/Blue" /></td></tr>174 <tr><td><a href="//s.w.org/about/images/desktops/wp-dkblue-orange-640x960.png">640×960 <small>Smartphones</small></a></td></tr>175 <tr><td><a href="//s.w.org/about/images/desktops/wp-dkblue-orange-1024x768.png">1024×768</a></td></tr>176 <tr><td><a href="//s.w.org/about/images/desktops/wp-dkblue-orange-1440x900.png">1440×900</a></td></tr>177 <tr><td><a href="//s.w.org/about/images/desktops/wp-dkblue-orange-2048x1536.png">2048×1536 <small>iPad</small></a></td></tr>178 <tr><td><a href="//s.w.org/about/images/desktops/wp-dkblue-orange-2560x1440.png">2560×1400</a></td></tr>179 <tr><td><a href="//s.w.org/about/images/desktops/wp-dkblue-orange-2880x1800.png">2880×1800 <small>for Retina display</small></a></td></tr>180 </table>181 </section>182 183 <section class="col-8">184 <h3 class="graphics">WordPress Colors</h3>185 186 <p>When reproducing WordPress artwork in print or online, your project will look its best if you use this official WordPress color palette.</p>187 188 <div class="colors row gutters between">189 <div class="color-blue col-4">190 <img class="alignleft" src="//s.w.org/about/images/color-blue.png" alt="Blue color swatch" />191 <strong>Blue</strong><br />192 Pantone 7468<br />193 CMYK 97, 44, 26, 3<br />194 Hex #21759b<br />195 RGB 33, 117, 155</div>196 <div class="color-orange col-4">197 <img class="alignleft" src="//s.w.org/about/images/color-orange.png" alt="Orange color swatch" />198 <strong>Orange</strong><br />199 Pantone 1665<br />200 CMYK 6, 86, 100, 1<br />201 Hex #d54e21<br />202 RGB 213, 78, 33</div>203 <div class="color-grey col-4">204 <img class="alignleft" src="//s.w.org/about/images/color-grey.png" alt="Grey color swatch" />205 <strong>Grey</strong><br />206 Pantone Black 7<br />207 CMYK 65, 60, 60, 45<br />208 Hex #464646<br />209 RGB 70, 70, 70</div>210 </div>211 212 <p>The WordPress logotype is set in <a href="http://en.wikipedia.org/wiki/Mrs_Eaves">Mrs. Eaves</a>, licensed by Emigre.</p>213 214 <p class="community">Also check out <a href="/about/fanart/">WordPress fan art</a> created by WordPress users.</p>215 111 </section> 216 112 </div><!-- .entry-content -->
Note: See TracChangeset
for help on using the changeset viewer.