Branding
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/imgcontrols if the logo contains text below or just the image. - Background:
bg/trscontrols the background. Normal background is white,trsbackground 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="https://wiki.alacrity.ro/branding/favicon.ico">
<!-- Variant -->
<link rel="icon" type="image/x-icon" href="https://wiki.alacrity.ro/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.