branding
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
branding [2023/02/22 09:06] – ei5iyb | branding [2025/01/21 09:50] (current) – typo corrections gm5aug | ||
---|---|---|---|
Line 7: | Line 7: | ||
==== OARC Sapphire ==== | ==== OARC Sapphire ==== | ||
+ | {{:: | ||
- | < | + | HEX: #2185FC, #0878FF, #005FD1, #00479C, #00387A |
- | <style type=" | + | |
- | + | ||
- | /* Palette color codes */ | + | |
- | /* Feel free to copy& | + | |
- | + | ||
- | .primary-1a { background-color: # | + | |
- | .primary-2a { background-color: | + | |
- | .primary-0a { background-color: | + | |
- | .primary-3a { background-color: | + | |
- | .primary-4a { background-color: | + | |
- | + | ||
- | /* end */ | + | |
- | + | ||
- | + | ||
- | body { | + | |
- | margin:0; padding: 2em; | + | |
- | background: | + | |
- | color: #000; | + | |
- | font: 12px/1.33 "Segoe UI", " | + | |
- | text-align: | + | |
- | } | + | |
- | h1 { | + | |
- | margin: 0.5em 0; | + | |
- | font-size: 200%; | + | |
- | } | + | |
- | p { | + | |
- | margin: 0.5em 0; | + | |
- | } | + | |
- | + | ||
- | .color-table { | + | |
- | margin: 2em 2em 5em; | + | |
- | border-collapse: | + | |
- | border: | + | |
- | border-spacing: | + | |
- | font-size: | + | |
- | } | + | |
- | .color-table th { | + | |
- | padding: 0 1em 0 0; | + | |
- | text-align: | + | |
- | vertical-align: | + | |
- | font-size: 100%; | + | |
- | font-weight: | + | |
- | border: none; | + | |
- | } | + | |
- | .color-table td.sample { | + | |
- | width:6em; height: | + | |
- | padding: 10px; | + | |
- | text-align: | + | |
- | vertical-align: | + | |
- | font-size: | + | |
- | border: 1px solid white; | + | |
- | white-space: | + | |
- | } | + | |
- | .color-table td.sample-0 { | + | |
- | width: | + | |
- | } | + | |
- | .color-table.small td.sample { | + | |
- | width:3em; height: | + | |
- | padding: | + | |
- | border: | + | |
- | } | + | |
- | .color-table.small td.sample-0 { | + | |
- | width: | + | |
- | } | + | |
- | .color-table .white { margin-bottom: | + | |
- | .color-table .black { margin-top: | + | |
- | + | ||
- | hr { | + | |
- | margin: 2em 0 1em 0; | + | |
- | border: | + | |
- | border-bottom: | + | |
- | } | + | |
- | #footer { | + | |
- | padding: | + | |
- | text-align: | + | |
- | font-size: | + | |
- | } | + | |
- | + | ||
- | </ | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <table class=" | + | |
- | < | + | |
- | < | + | |
- | <td class=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | </ | + | |
- | <td class=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | </ | + | |
- | <td class=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | </ | + | |
- | <td class=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | </ | + | |
- | <td class=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | + | ||
- | <table class=" | + | |
- | < | + | |
- | < | + | |
- | <td class=" | + | |
- | <td class=" | + | |
- | <td class=" | + | |
- | <td class=" | + | |
- | <td class=" | + | |
- | </ | + | |
- | </ | + | |
- | <style type=" | + | |
- | + | ||
- | /* Palette color codes */ | + | |
- | /* Feel free to copy& | + | |
- | + | ||
- | .primary-1 { background-color: | + | |
- | .primary-2 { background-color: | + | |
- | .primary-0 { background-color: | + | |
- | .primary-3 { background-color: | + | |
- | .primary-4 { background-color: | + | |
- | + | ||
- | /* end */ | + | |
- | + | ||
- | + | ||
- | body { | + | |
- | margin:0; padding: 2em; | + | |
- | background: | + | |
- | color: #000; | + | |
- | font: 12px/1.33 "Segoe UI", " | + | |
- | text-align: | + | |
- | } | + | |
- | h1 { | + | |
- | margin: 0.5em 0; | + | |
- | font-size: 200%; | + | |
- | } | + | |
- | p { | + | |
- | margin: 0.5em 0; | + | |
- | } | + | |
- | + | ||
- | .color-table { | + | |
- | margin: 2em 2em 5em; | + | |
- | border-collapse: | + | |
- | border: | + | |
- | border-spacing: | + | |
- | font-size: | + | |
- | } | + | |
- | .color-table th { | + | |
- | padding: 0 1em 0 0; | + | |
- | text-align: | + | |
- | vertical-align: | + | |
- | font-size: 100%; | + | |
- | font-weight: | + | |
- | border: none; | + | |
- | } | + | |
- | .color-table td.sample { | + | |
- | width:6em; height: | + | |
- | padding: 10px; | + | |
- | text-align: | + | |
- | vertical-align: | + | |
- | font-size: | + | |
- | border: 1px solid white; | + | |
- | white-space: | + | |
- | } | + | |
- | .color-table td.sample-0 { | + | |
- | width: | + | |
- | } | + | |
- | .color-table.small td.sample { | + | |
- | width:3em; height: | + | |
- | padding: | + | |
- | border: | + | |
- | } | + | |
- | .color-table.small td.sample-0 { | + | |
- | width: | + | |
- | } | + | |
- | .color-table .white { margin-bottom: | + | |
- | .color-table .black { margin-top: | + | |
- | + | ||
- | hr { | + | |
- | margin: 2em 0 1em 0; | + | |
- | border: | + | |
- | border-bottom: | + | |
- | } | + | |
- | #footer { | + | |
- | padding: | + | |
- | text-align: | + | |
- | font-size: | + | |
- | } | + | |
- | + | ||
- | </ | + | |
- | + | ||
- | </ | + | |
- | </ | + | |
==== OARC Emerald ==== | ==== OARC Emerald ==== | ||
- | < | + | {{:: |
- | <table class=" | + | |
- | < | + | |
- | < | + | |
- | <td class=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | </ | + | |
- | <td class=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | </ | + | |
- | <td class=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | </ | + | |
- | <td class=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | </ | + | |
- | <td class=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | <table class=" | + | HEX: # |
- | < | + | |
- | < | + | |
- | <td class=" | + | |
- | <td class=" | + | |
- | <td class=" | + | |
- | <td class=" | + | |
- | <td class=" | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
===== Font Faces ===== | ===== Font Faces ===== | ||
Font Type: Sans-serif | Font Type: Sans-serif | ||
+ | |||
+ | |||
+ | {{: | ||
Guidance | Guidance | ||
Line 262: | Line 30: | ||
===== Logos & Templates ===== | ===== Logos & Templates ===== | ||
- | Logo' | + | Logos and Presentation Files |
https:// | https:// | ||
Line 270: | Line 38: | ||
* Upload Logos | * Upload Logos | ||
* Create Letter Template | * Create Letter Template | ||
- | * Create | + | * Create |
* Create Email Signature Template | * Create Email Signature Template |
branding.1677056784.txt.gz · Last modified: 2023/02/22 09:06 by ei5iyb