Panelmatic Brand Studio

How to make and send a company announcement

What this is

A tool for building Panelmatic announcements that look the same every time. You supply the words and the photo. The logo, the colours, the typefaces and the layout are already set and cannot be edited, so an announcement made here is on brand without anyone having to check it.

It runs in a browser. There is nothing to install, no account, and no password. Your work is saved on your own computer as you type, not on a server.

The window

Two halves. You type on the left and the announcement redraws on the right as you go. Whatever you see on the right is exactly what comes out when you export.

TYPECONTENT EXPORTHISTORY NameRole Location CONTROLS LIVE PREVIEW

The four words above the fields (Type, Content, Export, History) jump you to that part of the panel. You can also click any line of text on the announcement itself and the matching field will be selected for you, which saves hunting.

Making an announcement

  1. Pick the format. Executive letter or Card. There is more on the difference below.
  2. Add the photo. Click Upload and choose a headshot.
  3. Fill in the fields from the top down. The preview updates as you type, so you can see the result immediately.
  4. Read it once on the right at full size before exporting.
  5. Export the file you need and send it.
You cannot lose your work

The announcement you are working on is saved automatically as you type. Close the tab, reopen it later, and it will still be there. Every export is also kept in History.

The two formats

FormatUse it forVoice
Executive letter Senior appointments and anything that needs a signed message from leadership. It carries a full letter, an About section and a named signature. An individual, named and attributed.
Card New hires, promotions, service anniversaries and returns. Short, one screen, no letter. The company, unsigned.

The Eyebrow label is the small line above the name that says what kind of announcement this is. Start typing in it and it will suggest the usual ones. On a card, filling in Years of service adds the anniversary figure as its own element.

The photo

You can also drag an image file straight onto the window from a Finder folder. You do not have to aim at the photo well; anywhere on the window works.

Large photos are resized as they come in. A photo straight off a phone or camera is far bigger than any of the exports need, and holding it at full size stopped the announcement being remembered on your device. If yours is resized you will see a message saying so, with the sizes, for example "resized 6000×8000 to 1500×2000 for export". Nothing is lost from the picture; it is the same image with fewer pixels than the print export can use, so it makes no visible difference to anything you send.

Low resolution for print

If an amber notice appears under the photo controls, the photo has too few pixels for the printable export and will look soft on paper. It tells you the size of the photo you gave it and the size it wants.

This is about print only. The photo can be fine for email and still show this notice. If you are only sending the announcement by email, you can carry on.

Getting the file out

Five exports, grouped by where the file is going. Pick by destination, not by file type.

ButtonWhat you getUse it when
Image for OutlookOne PNG image, 900 pixels wide Sending the announcement by email. This is the main one.
Copy to clipboardThe same image, on your clipboard instead of in a file You are about to paste it straight into a message. Saves the trip through Downloads.
Best qualityA PDF with real text you can select and search Someone needs a proper document or a clean print.
Exact copyA PDF that is a high resolution picture of the page You want the file to be certain to look identical everywhere.
Post imageA PNG at 1080 by 1350 LinkedIn or another social post.
If you choose Best quality

That button hands over to your browser's own print window, and two settings there have to be right or the page will come out wrong. In the print dialog set Margins to None and turn Background graphics on. Then save as PDF.

The tool cannot set those for you, which is why Exact copy exists as the one click version that cannot be got wrong.

Sending it in Outlook

Two ways in. The first is shorter and never touches your Downloads folder.

The quick way

  1. Click Copy to clipboard and wait for it to say copied.
  2. Start a new message in Outlook, click into the body, and paste.
  3. Write a line of your own above it if you want to, then send.

If you would rather have the file

  1. Click Image for Outlook and save the PNG.
  2. Start a new message in Outlook.
  3. Drag the PNG into the body of the message, or copy and paste it in.
  4. Write a line of your own above it if you want to, then send.

Either way, put the image in the message itself rather than attaching it, so people see the announcement when they open the mail instead of having to open a file. Leave it at the size Outlook drops it in at. Resizing it in the message can make the text look soft.

Both routes produce the identical image. Use the file route when you also want to keep a copy, or send it to somebody else.

History

Every time you export, that announcement is saved to History as a small picture of itself. Click one to load it back into the editor, which is the quickest way to make a second announcement that looks like an earlier one. The cross on a card removes it. Clear empties the list.

History lives on your computer, in this browser. It is not shared with anyone and it will not appear for a colleague opening the tool on their own machine.

Keyboard shortcuts

KeysDoes
⌘ 1Switch to Executive letter
⌘ 2Switch to Card
⌘ EExport the Outlook image
⌘ 9Fit the whole announcement on screen
⌘ ZUndo
EscClose the help panel

To make everything bigger, use your browser's own zoom. The tool leaves those keys alone on purpose.

Questions

Can I change the colours or the font?
No, and that is the point. The logo, the red accent, IBM Plex Sans and the layout are fixed. You edit the content. It means nobody has to check an announcement for brand errors before it goes out.
The headline got smaller on its own. Did I do something wrong?
No. A long name is reduced automatically so it still fits on two lines, and a note under the Name field tells you when that has happened. If the name is too long even at the smallest size, the note turns red and asks you to shorten it.
The announcement got taller when I added more text.
That is expected on the Executive letter. It is one continuous image and it grows with the copy rather than breaking onto a second page.
Can I send this to someone else to use?
The tool is a single web page, so it can be shared. Anything you have typed stays on your machine and does not travel with it.
Something looks wrong and I want to start over.
Press NEW at the top. It clears the fields and gives you an empty announcement. If you only want to step back one change, use undo.
An export did not happen.
A message appears in the panel if an export fails. The most common cause is clicking a second export while the first is still running; wait for it to finish. If a typeface failed to load, the tool blocks the export on purpose rather than sending out an announcement in the wrong font.
Does any of this go on the internet?
No. The page makes no network requests. The photo you choose, the words you type and your history all stay on your computer.

What is locked, and why

Open See what is locked in the panel and the tool will show you the exact specification it is holding to: the two brand colours with their codes, the typeface, and the fixed format. It is there so you can see the rules rather than take them on trust.

The reason the layout cannot be edited is that it removes the step where someone has to review an announcement for consistency. If it was made here, it is right.