Alacrity Branding

This document explains how to use the Alacrity logo on our media and documents.

Main Logo Variations

We have a bumch of parameters that affect how the logo renders

Type: full/img controls if the logo contains text below or just the image.
Background: bg/trs controls the background. Normal background is white, trs background is fully transparent.
Border: brdl (borderless - text and icon end at the image edge) / brd (border). The border option adds some padding on all directions. If the image has border and both background, the background has a round shape with transparent corners.
Size: All variations come in a few resolutions and vectorial option. Across all other parameters, the height is defined by the size, and the width may vary, especially for borderless logos.
- Sizes are: SVG, 200px, 300px, 500px, 700px, 1000px, 2000px, 4000px.
- Default (missing size in filename) is 1000px high.

To download one of the images below, click the resolution you want to open in a new tab, and right click -> Save Image As.
It is also very advisable to insert the images as links on this wiki. Right click -> Copy Clean Link.

Logo Variants


Vector	4000px	2000px	Default 1000px
700px	500px	300px	200px

Filename: logo-full-bg-brd.svg / logo-full-bg-brd.png / logo-full-bg-brd-{4000,2000,1000,700,500,300,200}.png


Vector	4000px	2000px	Default 1000px
700px	500px	300px	200px

Filename: logo-img-bg-brd.svg / logo-img-bg-brd.png / logo-img-bg-brd-{4000,2000,1000,700,500,300,200}.png


Vector	4000px	2000px	Default 1000px
700px	500px	300px	200px

Filename: logo-full-trs-brd.svg / logo-full-trs-brd.png / logo-full-trs-brd-{4000,2000,1000,700,500,300,200}.png


Vector	4000px	2000px	Default 1000px
700px	500px	300px	200px

Filename: logo-full-trs-brdl.svg / logo-full-trs-brdl.png / logo-full-trs-brdl-{4000,2000,1000,700,500,300,200}.png


Vector	4000px	2000px	Default 1000px
700px	500px	300px	200px

Filename: logo-img-trs-brdl.svg / logo-img-trs-brdl.png / logo-img-trs-brdl-{4000,2000,1000,700,500,300,200}.png


Vector	4000px	2000px	Default 1000px
700px	500px	300px	200px

Filename: logo-img-trs-brd.svg / logo-img-trs-brd.png / logo-img-trs-brd-{4000,2000,1000,700,500,300,200}.png


Vector	4000px	2000px	Default 1000px
700px	500px	300px	200px

Filename: logo-img-bg-brdl.svg / logo-img-bg-brdl.png / logo-img-bg-brdl-{4000,2000,1000,700,500,300,200}.png


Vector	4000px	2000px	Default 1000px
700px	500px	300px	200px

Filename: logo-full-bg-brdl.svg / logo-full-bg-brdl.png / logo-full-bg-brdl-{4000,2000,1000,700,500,300,200}.png

Application Logos

These logos are intended for use in digital applications only and should not be used in print materials.


`logo-a-trs.svg` / `logo-a-trs.png` / `logo-a-trs-{4000,2000,1000,700,500,300,200}.png`	`logo-t-trs.svg` / `logo-t-trs.png` / `logo-t-trs-{4000,2000,1000,700,500,300,200}.png`

Favicons

Favicons are generated from four SVG sources at sizes 256, 128, 64, 48, 32, and 16px and packaged as multi-resolution .ico files:

Source SVG	Output	Notes
`logo-img-trs-brdl.svg`	`logo-img-trs-brdl.ico`	Default — also copied to `favicon.ico`
`logo-img-bg-brd.svg`	`logo-img-bg-brd.ico`
`logo-a-trs.svg`	`logo-a-trs.ico`
`logo-t-trs.svg`	`logo-t-trs.ico`

Because favicons are almost always expected to be square, the source images are padded to achieve 1:1 proportions.

Embedding in applications:

<!-- Default favicon -->
<link rel="icon" type="image/x-icon" href="/_files/branding/favicon.ico">

<!-- Variant -->
<link rel="icon" type="image/x-icon" href="/_files/branding/logo-img-bg-brd.ico">

Colors

Light Theme (Alacrity Light)

Color	Name	Hex
	`base-100`	`#ffffff`
	`base-200`	`#f8f8f8`
	`base-300`	`#eeeeee`
	`base-content`	`#18181b`
	`primary`	`#6550a3`
	`primary-content`	`#ffffff`
	`secondary`	`#a3004c`
	`secondary-content`	`#ffffff`
	`accent`	`#5863ff`
	`accent-content`	`#ffffff`
	`neutral`	`#ffffff`
	`neutral-content`	`#18181b`

Complete font

Working on creating a complete font. Characters will be created as SVG and converted to a bicolor WOFF2.