Design and resources

The cursor for Windows

The three shapes of the site — arrow, hand and text cursor — come as a pointer scheme: all 15 roles, a dark and a light variant, crisp at any pointer size.

Dark scheme

Light scheme

1. 1Unpack the whole archive: «install.inf» and the «cursors» folder belong side by side.
2. 2Right-click «install.inf» → «Install». On Windows 11 the item hides under «Show more options».
3. 3Settings → Mouse → Additional mouse settings → «Pointers» → the «A-Faction» scheme → Apply.

Without administrator rights take «apply.ps1» from the archive: it changes the pointers for your account only, and «restore.ps1» brings the old ones back. The scheme has no pressed state — Windows does not change the pointer on a click.

Logos

The mark and the wordmark are cropped to the content — the padding around them belongs to your layout, not to the file.

The mark

Vector for any size, from a favicon to print.

SVGDownload

The mark, raster

A 2016 × 2090 square for places that take no vector.

PNGDownload

The wordmark

Mark and name in a line, 426 × 144.

PNGDownload

The wordmark, large

The same line at 1600 × 398 — for wide banners.

PNGDownload

Link cover

1200 × 630, the site preview in social networks and messengers.

PNGDownload

The rules

• Do not add your own padding or a plate behind the mark.
• Do not recolour it and do not put it on a busy background.
• Scale it proportionally, with no slanting.
• Do not build a new logo out of the mark.

Theme colours

The same variables the site uses. Click a swatch and the code is copied.

The typeface

The site and the panel are set in one family: headings in af-Bold and af-Medium, body text in af-Regular and af-Light, the thin weights for large numbers. We do not hand out the font files.

Buttons and icons

One button for the whole site, only the variants differ. Hover over it: its own colour lights up around it and the icon inside comes alive — a bare icon in a button does not happen here.

Icon animations