## Using these

Use anything here to point people at the site. No attribution is needed, nothing has to be credited on screen, and you do not need to ask first.

Every image below exists in both formats, under the same name. Take `press/png/` unless you know your tool prefers WebP; `press/webp/` holds the same artwork at roughly a quarter of the file size, which is the better pick for anything going on a web page. If you only want one format, take that folder and ignore the other.

The `_source/` folders hold the editable vector originals. You can ignore them unless you are making something new.

### What is in the zip

- press/png/ — everything, as PNG
- press/webp/ — the same, as WebP
- press/_source/ — vector originals

## Ad break slates

A full 16:9 frame to cut into a video or leave on screen during a break. Carries the name, the tagline, what the site covers, and the address.

ad-1920x1080

1920 × 1080

The full slate, at 1080p.

ad-1280x720

1280 × 720

The same at 720p.

## Small 16:9

For when the image will be shown small: a sidebar slot, a thumbnail, a card in the corner of a frame. A different design, not the slate above scaled down. The tagline and feature line are gone so the name and the address still read at a couple of hundred pixels wide.

ad-small-640x360

640 × 360

Comfortable for a sidebar or an embed.

ad-small-320x180

320 × 180

Shown here at actual size.

ad-small-200x113

200 × 113

Actual size, and the smallest the artwork still holds up at.

## Video and stream overlays

These have transparent areas and are meant to sit on top of your footage. The field color behind them here is only to show the transparency.

banner-top-1920x160

1920 × 160

Strip for the top edge of a 1080p video. Solid band, so it reads over anything.

banner-top-1280x107

1280 × 107

The same strip for a 720p timeline.

lower-third-1920x1080

1920 × 1080

A lower third supplied at full frame size. Drop it on the timeline at 0,0 and it lands correctly; there is nothing to position. Everything outside the band is transparent.

lower-third-1280x720

1280 × 720

The same for a 720p timeline.

bug-560x150

560 × 150

Corner watermark to leave up through a whole video or stream. The plate behind it is only partly opaque, so it does not put a black box in your shot.

bug-280x75

280 × 75

Smaller watermark for a busier frame. Actual size.

## Share images

For a post, an embed, or a link preview.

share-1200x630

1200 × 630

The standard link preview size. The right third is kept free of words on purpose, so it still makes sense when a platform crops it square.

share-600x315

600 × 315

Half size, for a lighter page.

square-1080

1080 × 1080

Square post.

square-540

540 × 540

Half size.

## Posters

The one piece with room to say what the site actually does.

poster-a4-300dpi

2480 × 3508

A4 at 300dpi. Print it.

poster-1080x1528

1080 × 1528

Portrait, sized for a screen.

## Icons

The compass mark on its own, no words, for an avatar, a server icon, or a favicon. Square, with the mark held well inside the frame, so a platform that crops to a circle will not cut anything off.

icon-1024 · icon-512 · icon-256

1024, 512, 256 square

Avatars, server icons, anything shown at a decent size.

icon-128 · icon-64 · icon-32

128, 64, 32 square

Shown at actual size. Use icon-32 for a favicon.

## A few things to avoid

- Do not recolor the compass mark or the wordmark, and do not place either on a light background. The artwork is built for the dark ink it ships on.
- Do not stretch anything. Every file is already at the ratio it was drawn for. If you need a size that is not here, ask and one will be made.
- Do not rebuild the logo by hand from the icon plus your own type. Use the files that already have the wordmark in them.

## Colors

If you are matching WoRTool in your own overlay or thumbnail.

`#0b0d12` Ink, darkest
`#12141a` Ink
`#1a1e27` Ink, raised
`#b8923e` Brass
`#d4b36a` Brass, light
`#e8e2d2` Paper, text
`#c9c0a8` Paper, muted

The type is a transitional serif; these files are set in Georgia.