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
about:identity [2022/04/21 18:28] – Iain Hallamabout:identity [2023/01/25 16:10] (current) – Iain Hallam
Line 66: Line 66:
 ===== Colours ===== ===== Colours =====
  
-Our colours are taken from the logo, with a variant orange for borders.+Our colours are taken from the logo, with lighter variants for borders and darker variants for text.
  
 <html> <html>
Line 97: Line 97:
   </tr>   </tr>
   <tr>   <tr>
-    <td></td>+    <td style="background: #ffbbaa; padding: 0.5em; border: 0;"> 
 +      <p style="font-weight: bold; margin: 0 0 1em 0;">Light Red</p> 
 +      <p style="font-size: small; margin: 0;">#ffbbaa<br />rgb(255, 187, 170)<br />rgb(100%, 73%, 67%)</p> 
 +    </td>
     <td style="background: #ffddaa; padding: 0.5em; border: 0;">     <td style="background: #ffddaa; padding: 0.5em; border: 0;">
       <p style="font-weight: bold; margin: 0 0 1em 0;">Light Orange</p>       <p style="font-weight: bold; margin: 0 0 1em 0;">Light Orange</p>
       <p style="font-size: small; margin: 0;">#ffddaa<br />rgb(255, 221, 170)<br />rgb(100%, 87%, 67%)</p>       <p style="font-size: small; margin: 0;">#ffddaa<br />rgb(255, 221, 170)<br />rgb(100%, 87%, 67%)</p>
 +    </td>
 +    <td style="background: #ffeeaa; padding: 0.5em; border: 0;">
 +      <p style="font-weight: bold; margin: 0 0 1em 0;">Light Yellow</p>
 +      <p style="font-size: small; margin: 0;">#ffeeaa<br />rgb(255, 238, 170)<br />rgb(100%, 93%, 67%)</p>
 +    </td>
 +    <td style="background: #ccdd99; padding: 0.5em; border: 0;">
 +      <p style="font-weight: bold; margin: 0 0 1em 0;">Light Green</p>
 +      <p style="font-size: small; margin: 0;">#ccdd99<br />rgb(204, 221, 153)<br />rgb(80%, 87%, 60%)</p>
 +    </td>
 +    <td style="background: #aaddee; padding: 0.5em; border: 0;">
 +      <p style="font-weight: bold; margin: 0 0 1em 0;">Light Blue</p>
 +      <p style="font-size: small; margin: 0;">#aaddee<br />rgb(170, 221, 238)<br />rgb(67%, 87%, 93%)</p>
 +    </td>
 +    <td style="background: #ddaacc; padding: 0.5em; border: 0;">
 +      <p style="font-weight: bold; margin: 0 0 1em 0;">Light Purple</p>
 +      <p style="font-size: small; margin: 0;">#ddaacc<br />rgb(221, 170, 204)<br />rgb(87%, 67%, 80%)</p>
 +    </td>
 +  </tr>
 +  <tr>
 +    <td style="color: white; background: #aa2211; padding: 0.5em; border: 0;">
 +      <p style="font-weight: bold; margin: 0 0 1em 0;">Dark Red</p>
 +      <p style="font-size: small; margin: 0;">#aa2211<br />rgb(170, 34, 17)<br />rgb(67%, 13%, 7%)</p>
 +    </td>
 +    <td style="color: white; background: #aa6600; padding: 0.5em; border: 0;">
 +      <p style="font-weight: bold; margin: 0 0 1em 0;">Dark Orange</p>
 +      <p style="font-size: small; margin: 0;">#aa6600<br />rgb(170, 102, 0)<br />rgb(67%, 40%, 0%)</p>
 +    </td>
 +    <td style="color: white; background: #aa9900; padding: 0.5em; border: 0;">
 +      <p style="font-weight: bold; margin: 0 0 1em 0;">Dark Yellow</p>
 +      <p style="font-size: small; margin: 0;">#aa9900<br />rgb(170, 153, 0)<br />rgb(67%, 60%, 0%)</p>
 +    </td>
 +    <td style="color: white; background: #779911; padding: 0.5em; border: 0;">
 +      <p style="font-weight: bold; margin: 0 0 1em 0;">Dark Green</p>
 +      <p style="font-size: small; margin: 0;">#779911<br />rgb(119, 153, 17)<br />rgb(47%, 60%, 7%)</p>
 +    </td>
 +    <td style="color: white; background: #116699; padding: 0.5em; border: 0;">
 +      <p style="font-weight: bold; margin: 0 0 1em 0;">Dark Blue</p>
 +      <p style="font-size: small; margin: 0;">#116699<br />rgb(17, 102, 153)<br />rgb(100%, 87%, 67%)</p>
 +    </td>
 +    <td style="color: white; background: #992277; padding: 0.5em; border: 0;">
 +      <p style="font-weight: bold; margin: 0 0 1em 0;">Dark Purple</p>
 +      <p style="font-size: small; margin: 0;">#992277<br />rgb(153, 34, 119)<br />rgb(60%, 13%, 47%)</p>
     </td>     </td>
   </tr>   </tr>
 </table> </table>
 </html> </html>
- 
  
 ===== Typography ===== ===== Typography =====
  
-Our main font is Museo, with Nexa Bold for titles and headings. The publicity coordinator can supply you with fonts if you need to produce documents for the chorus. If you're on a platform limited to free fonts, [[https://fonts.google.com/specimen/Arvo|Arvo]] can be used for body text, and [[https://fonts.google.com/specimen/Sen|Sen]] for headings.+Our main font is Museo, with Nexa Bold for titles and headings. The publicity coordinator can supply you with fonts if you need to produce documents for the chorus. If you're on a platform limited to free fonts, [[https://fonts.google.com/specimen/Arvo|Arvo]] can be used for body text, and [[https://fonts.google.com/specimen/League+Spartan|League Spartan]] for headings.
  
 Headings and titles should be lowercase throughout (i.e., no capitalisation). Headings and titles should be lowercase throughout (i.e., no capitalisation).
  
-Headings, but not titles, are shown in BAC Blue.+Headings, but not titles, are shown in BAC Blue in print or BAC Dark Blue on web sites to distinguish them from links.
  
 ===== Stationery ===== ===== Stationery =====

Page Tools

Enjoyment · Education · Excellence