Standard logo

The standard version (with or without legend) of the LARCC logo should be user whenever possible, but only over clear backgrounds which are not too close to the colors of the logo itself (the exact colors can be checked here).

The icon without text can be used when it is necessary to identify the LARCC in a reduced space, when it is unfeasible to use the standard logo (i.e. the icon of the LARCC site itself).

Standard with legend

Logo LARCC with legend

Negative / white-out logo

The negative / white-out LARCC logo should be used in dark backgrounds or when the background resembles the colors of the standard logo (the exact colors can be checked here). For example, this logo is used in the LARCC black shirt.

Negative / white-out version

Logo LARCC negative

Negative icon

LARCC icon negative

Negative / white-out with legend

Logo LARCC negative with legend

Elements

Colors

<div> <div style="margin:5px 10px;"> <span>Teal:</span> <span style="background:#00837e; display:inline-block; margin-bottom:-3px; width:20px; height:20px;"></span> <code>#00837e / RGB(0, 131, 126)</code> <input type="color" value="#00837e"> </div> <div style="margin:5px 10px;"> <span>Gray:</span> <span style="background:#5c5c5c; display:inline-block; margin-bottom:-3px; width:20px; height:20px;"></span> <code>#5c5c5c / RGB(93, 93, 93)</code> <input type="color" value="#5c5c5c"> </div> </div>

Main font

<link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Comfortaa&display=swap" rel="stylesheet"> <h4 style="font-family: 'Comfortaa', cursive; font-size: 30pt; margin: 20px auto; text-align: center;"> Comfortaa </h4>