# Branding

<table border="1" id="bkmrk-logo-w%2F-text-logo-wi" style="border-collapse: collapse; width: 100%; border-width: 0px; height: 832.782px;"><colgroup><col style="width: 58.5185%;"></col><col style="width: 41.4815%;"></col></colgroup><tbody><tr style="height: 407.391px;"><td style="border-width: 0px; height: 407.391px;">[![logo_withtext.png](https://aws-sloct.s3.amazonaws.com/uploads/images/gallery/2023-11/scaled-1680-/logo-withtext.png)](https://aws-sloct.s3.amazonaws.com/uploads/images/gallery/2023-11/logo-withtext.png)</td><td style="border-width: 0px; height: 407.391px;">[![sloct logo.png](https://aws-sloct.s3.amazonaws.com/uploads/images/gallery/2023-11/scaled-1680-/sloct-logo.png)](https://aws-sloct.s3.amazonaws.com/uploads/images/gallery/2023-11/sloct-logo.png)</td></tr><tr style="height: 35.7969px;"><td class="align-center" style="border-width: 0px; height: 35.7969px;">Logo w/ Text</td><td class="align-center" style="border-width: 0px; height: 35.7969px;">Logo without text</td></tr><tr style="height: 28.7969px;"><td style="border-width: 0px; height: 28.7969px; background-color: rgb(221, 15, 91);">  
</td><td style="border-width: 0px; height: 28.7969px; background-color: rgb(221, 15, 91);">  
</td></tr><tr style="height: 78.7969px;"><td class="align-center" style="border-width: 0px; height: 78.7969px;">#### Brand Colors

</td><td class="align-center" style="border-width: 0px; height: 78.7969px;">#### Fonts Used

</td></tr><tr style="height: 282px;"><td style="border-width: 0px; height: 282px;"><table border="1" style="border-collapse: collapse; width: 97.4239%; height: 195.188px;"><colgroup><col style="width: 16.8474%;"></col><col style="width: 15.9489%;"></col><col style="width: 16.8449%;"></col><col style="width: 15.7268%;"></col><col style="width: 17.5213%;"></col><col style="width: 16.8474%;"></col></colgroup><tbody><tr style="height: 105.797px;"><td style="height: 105.797px; background-color: rgb(5, 0, 10);">  
</td><td style="height: 105.797px; background-color: rgb(242, 222, 43);">  
</td><td style="height: 105.797px; background-color: rgb(153, 23, 102);">  
</td><td style="height: 105.797px; background-color: rgb(221, 15, 91);">  
</td><td style="height: 105.797px; background-color: rgb(247, 149, 37);">  
</td><td style="height: 105.797px; background-color: rgb(255, 255, 243);">  
</td></tr><tr style="height: 29.7969px;"><td class="align-center" style="height: 29.7969px;">Black</td><td class="align-center" style="height: 29.7969px;">Yellow</td><td class="align-center" style="height: 29.7969px;">Purple</td><td class="align-center" style="height: 29.7969px;">Pink</td><td class="align-center" style="height: 29.7969px;">Orange</td><td class="align-center" style="height: 29.7969px;">Cream</td></tr><tr style="height: 29.7969px;"><td class="align-center" style="height: 29.7969px;">\#05000a</td><td class="align-center" style="height: 29.7969px;">\#f2de2b</td><td class="align-center" style="height: 29.7969px;">\#991766</td><td class="align-center" style="height: 29.7969px;">\#dd0f5b</td><td class="align-center" style="height: 29.7969px;">\#f79525</td><td class="align-center" style="height: 29.7969px;">\#fffff3</td></tr><tr style="height: 29.7969px;"><td class="align-center" style="height: 29.7969px;">rgb

(5,0,10)

</td><td class="align-center" style="height: 29.7969px;">rgb

(242,222,43)

</td><td class="align-center" style="height: 29.7969px;">rgb

(153,23,102)

</td><td class="align-center" style="height: 29.7969px;">rgb

(221,15,91)

</td><td class="align-center" style="height: 29.7969px;">rgb

(247,149,37)

</td><td class="align-center" style="height: 29.7969px;">rgb

(255,255,243)

</td></tr></tbody></table>

</td><td style="border-width: 0px; height: 282px;">- Logo: [Surfing Capital 1](https://blogfonts.com/surfing-capital.font)
- Headers: [Montserrat](https://blogfonts.com/montserrat-3.font)
- Text: [Open Sans](https://blogfonts.com/open-sans-3.font)
- Comic text:  
    [Komika](https://www.1001fonts.com/komika-font.html) (free to use)  
    [CC Wild Words Roman](https://fontsgeek.com/fonts/CC-Wild-Words-Roman)
- 2021 logo: [Permanent Marker](https://blogfonts.com/permanent-marker.font)

</td></tr></tbody></table>

<table border="1" id="bkmrk-2023-24-league-icons" style="border-collapse: collapse; width: 100%; height: 188.235px;"><colgroup><col style="width: 20.0247%;"></col><col style="width: 20.0247%;"></col><col style="width: 20.0247%;"></col><col style="width: 20.0247%;"></col><col style="width: 20.0247%;"></col></colgroup><tbody><tr><td class="align-center" colspan="5" style="background-color: rgb(221, 15, 91);">##### <span style="color: rgb(255, 255, 255);">2023-24 League Icons</span>

</td></tr><tr style="height: 29.7969px;"><td class="align-center" style="height: 29.7969px; background-color: rgb(245, 208, 233);"><span style="color: rgb(52, 73, 94);">Sakura</span></td><td class="align-center" style="height: 29.7969px; background-color: rgb(221, 15, 91);"><span style="color: rgb(255, 255, 255);">Camellia</span></td><td class="align-center" style="height: 29.7969px; background-color: rgb(242, 197, 80);"><span style="color: rgb(52, 73, 94);">Lily</span></td><td class="align-center" style="height: 29.7969px; background-color: rgb(53, 152, 219);"><span style="color: rgb(52, 73, 94);">Iris</span></td><td class="align-center" style="height: 29.7969px; background-color: rgb(185, 106, 217);"><span style="color: rgb(52, 73, 94);">Wisteria</span></td></tr><tr style="height: 158.438px;"><td style="height: 158.438px;">[![sakura_league.png](https://aws-sloct.s3.amazonaws.com/uploads/images/gallery/2024-03/scaled-1680-/sakura-league.png)](https://aws-sloct.s3.amazonaws.com/uploads/images/gallery/2024-03/sakura-league.png)

</td><td style="height: 158.438px;">[![camellia_league.png](https://aws-sloct.s3.amazonaws.com/uploads/images/gallery/2024-03/scaled-1680-/camellia-league.png)](https://aws-sloct.s3.amazonaws.com/uploads/images/gallery/2024-03/camellia-league.png)  
</td><td style="height: 158.438px;">[![lily_league.png](https://aws-sloct.s3.amazonaws.com/uploads/images/gallery/2024-03/scaled-1680-/lily-league.png)](https://aws-sloct.s3.amazonaws.com/uploads/images/gallery/2024-03/lily-league.png)

</td><td style="height: 158.438px;">[![iris_league.png](https://aws-sloct.s3.amazonaws.com/uploads/images/gallery/2024-03/scaled-1680-/iris-league.png)](https://aws-sloct.s3.amazonaws.com/uploads/images/gallery/2024-03/iris-league.png)

</td><td style="height: 158.438px;">[![wisteria_league.png](https://aws-sloct.s3.amazonaws.com/uploads/images/gallery/2024-03/scaled-1680-/wisteria-league.png)](https://aws-sloct.s3.amazonaws.com/uploads/images/gallery/2024-03/wisteria-league.png)

</td></tr></tbody></table>

<details id="bkmrk-2021-assets-%C2%A0"><summary>2021 Assets</summary>

<table border="1" style="border-collapse: collapse; width: 100%;"><colgroup><col style="width: 70.2238%;"></col><col style="width: 29.7762%;"></col></colgroup><tbody><tr><td>[![logo-2.png](https://aws-sloct.s3.amazonaws.com/uploads/images/gallery/2023-11/scaled-1680-/logo-2.png)](https://aws-sloct.s3.amazonaws.com/uploads/images/gallery/2023-11/logo-2.png)  
</td><td>[![logo-2_square.png](https://aws-sloct.s3.amazonaws.com/uploads/images/gallery/2023-11/scaled-1680-/logo-2-square.png)](https://aws-sloct.s3.amazonaws.com/uploads/images/gallery/2023-11/logo-2-square.png)</td></tr></tbody></table>

</details>