User Tools

Site Tools


branding

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
branding [2023/07/24 10:24] mm0rfnbranding [2025/01/21 09:50] (current) – typo corrections gm5aug
Line 7: Line 7:
  
 ==== OARC Sapphire ==== ==== OARC Sapphire ====
-<code html> +{{::style_sapphire.png|}}
-<html> +
-<style type="text/css">+
  
-/* Palette color codes */ +HEX: #2185FC#0878FF#005FD1#00479C, #00387A
-/* Feel free to copy&paste color codes to your application */ +
- +
-.primary-1a { background-color: #2185FC +
-.primary-2a { background-color: #0878FF +
-.primary-0a { background-color: #005FD1 +
-.primary-3a { background-color: #00479C +
-.primary-4a { background-color: #00387A } +
- +
-/* end */ +
- +
- +
-body { +
- margin:0; padding: 2em; +
- background: #fff; +
- color: #000; +
- font: 12px/1.33 "Segoe UI""Helvetica Neue", Helvetica, sans-serif; +
- text-align:left; +
-+
-h1 { +
- margin: 0.5em 0; +
- font-size: 200%; +
-+
-p { +
- margin: 0.5em 0; +
-+
- +
-.color-table { +
- margin: 2em 2em 5em; +
- border-collapse:collapse; +
- border:none; +
- border-spacing:0; +
- font-size:100%; +
-+
-.color-table th { +
- padding: 0 1em 0 0; +
- text-align: right; +
- vertical-align: middle; +
- font-size: 100%; +
- font-weight: normal; +
- border: none; +
-+
-.color-table td.sample { +
- width:6em; height:6em; +
- padding: 10px; +
- text-align:center; +
- vertical-align:middle; +
- font-size:90%; +
- border: 1px solid white; +
- white-space:nowrap; +
-+
-.color-table td.sample-0 { +
- width:18em; +
-+
-.color-table.small td.sample { +
- width:3em; height:3em; +
- padding:0; +
- border:none; +
-+
-.color-table.small td.sample-0 { +
- width:9em; +
-+
-.color-table .white { margin-bottom:0.2em; color:white } +
-.color-table .black { margin-top:0.2em; color:black } +
- +
-hr { +
- margin: 2em 0 1em 0; +
- border:none; +
- border-bottom:1px solid silver; +
-+
-#footer { +
- padding:1em; +
- text-align:center; +
- font-size:80%; +
-+
- +
-</style> +
- +
- +
- +
- +
-<table class="color-table"> +
- <tbody><tr> +
- <th>Primary color:</th> +
- <td class="sample sample-1 primary-1a"> +
- <div class="white">#2185FC</div> +
- <div class="black">#2185FC</div> +
- </td> +
- <td class="sample sample-2 primary-2a"> +
- <div class="white">#0878FF</div> +
- <div class="black">#0878FF</div> +
- </td> +
- <td class="sample sample-0 primary-0a"> +
- <div class="white">#005FD1</div> +
- <div class="black">#005FD1</div> +
- </td> +
- <td class="sample sample-3 primary-3a"> +
- <div class="white">#00479C</div> +
- <div class="black">#00479C</div> +
- </td> +
- <td class="sample sample-4 primary-4a"> +
- <div class="white">#00387A</div> +
- <div class="black">#00387A</div> +
- </td> +
- </tr> +
-</tbody></table> +
- +
-<table class="color-table small"> +
- <tbody><tr> +
- <th>Primary color:</th> +
- <td class="sample sample-1 primary-1a"></td> +
- <td class="sample sample-2 primary-2a"></td> +
- <td class="sample sample-0 primary-0a"></td> +
- <td class="sample sample-3 primary-3a"></td> +
- <td class="sample sample-4 primary-4a"></td> +
- </tr> +
-</tbody></table> +
-<style type="text/css"> +
- +
-/* Palette color codes */ +
-/* Feel free to copy&paste color codes to your application */ +
- +
-.primary-1 { background-color: #31B64E } +
-.primary-2 { background-color: #0AAA2D } +
-.primary-0 { background-color: #008A1E } +
-.primary-3 { background-color: #007019 } +
-.primary-4 { background-color: #004F11 } +
- +
-/* end */ +
- +
- +
-body { +
- margin:0; padding: 2em; +
- background: #fff; +
- color: #000; +
- font: 12px/1.33 "Segoe UI", "Helvetica Neue", Helvetica, sans-serif; +
- text-align:left; +
-+
-h1 { +
- margin: 0.5em 0; +
- font-size: 200%; +
-+
-p { +
- margin: 0.5em 0; +
-+
- +
-.color-table { +
- margin: 2em 2em 5em; +
- border-collapse:collapse; +
- border:none; +
- border-spacing:0; +
- font-size:100%; +
-+
-.color-table th { +
- padding: 0 1em 0 0; +
- text-align: right; +
- vertical-align: middle; +
- font-size: 100%; +
- font-weight: normal; +
- border: none; +
-+
-.color-table td.sample { +
- width:6em; height:6em; +
- padding: 10px; +
- text-align:center; +
- vertical-align:middle; +
- font-size:90%; +
- border: 1px solid white; +
- white-space:nowrap; +
-+
-.color-table td.sample-0 { +
- width:18em; +
-+
-.color-table.small td.sample { +
- width:3em; height:3em; +
- padding:0; +
- border:none; +
-+
-.color-table.small td.sample-0 { +
- width:9em; +
-+
-.color-table .white { margin-bottom:0.2em; color:white } +
-.color-table .black { margin-top:0.2em; color:black } +
- +
-hr { +
- margin: 2em 0 1em 0; +
- border:none; +
- border-bottom:1px solid silver; +
-+
-#footer { +
- padding:1em; +
- text-align:center; +
- font-size:80%; +
-+
- +
-</style> +
- +
-</head> +
-</html>+
 ==== OARC Emerald ==== ==== OARC Emerald ====
-<html> +{{::style_emerald.png|}}
-<table class="color-table"> +
- <tbody><tr> +
- <th>Primary color:</th> +
- <td class="sample sample-1 primary-1"> +
- <div class="white">#31B64E</div> +
- <div class="black">#31B64E</div> +
- </td> +
- <td class="sample sample-2 primary-2"> +
- <div class="white">#0AAA2D</div> +
- <div class="black">#0AAA2D</div> +
- </td> +
- <td class="sample sample-0 primary-0"> +
- <div class="white">#008A1E</div> +
- <div class="black">#008A1E</div> +
- </td> +
- <td class="sample sample-3 primary-3"> +
- <div class="white">#007019</div> +
- <div class="black">#007019</div> +
- </td> +
- <td class="sample sample-4 primary-4"> +
- <div class="white">#004F11</div> +
- <div class="black">#004F11</div> +
- </td> +
- </tr> +
-</tbody></table>+
  
-<table class="color-table small"> +HEX #31B64E, #0AAA2D, #008A1E, #007019, #004F11
- <tbody><tr> +
- <th>Primary color:</th> +
- <td class="sample sample-1 primary-1"></td> +
- <td class="sample sample-2 primary-2"></td> +
- <td class="sample sample-0 primary-0"></td> +
- <td class="sample sample-3 primary-3"></td> +
- <td class="sample sample-4 primary-4"></td> +
- </tr> +
-</tbody></table> +
-</html> +
-</code>+
 ===== Font Faces ===== ===== Font Faces =====
  
 Font Type: Sans-serif  Font Type: Sans-serif 
 +
 +
 +{{:branding-font.png?400|}}
  
 Guidance Guidance
Line 263: Line 30:
 ===== Logos & Templates ===== ===== Logos & Templates =====
  
-Logo'and Presentation Files+Logos and Presentation Files
  
 https://drive.google.com/drive/folders/1c1Dn0bdlIOu-9TssLFQbeUjK6GfRIwCy?usp=sharing https://drive.google.com/drive/folders/1c1Dn0bdlIOu-9TssLFQbeUjK6GfRIwCy?usp=sharing
Line 271: Line 38:
   * Upload Logos   * Upload Logos
   * Create Letter Template   * Create Letter Template
-  * Create Powerpoint Template+  * Create PowerPoint Template
   * Create Email Signature Template   * Create Email Signature Template
branding.1690194263.txt.gz · Last modified: 2023/07/24 10:24 by mm0rfn