A share card nobody could read

Most Philippine events travel through Messenger. Someone pastes a link into a group chat, Messenger fetches the page, and the picture it draws — the share card — is the event's first impression for everyone in that chat. If the card cannot be read, the event does not exist.

Ours could not be read.

What we shipped first

The first version laid the event title, the Takits wordmark and the tagline in white over the event's cover art, with a dark gradient underneath to give the text something to sit on. It is what every template does. It looked fine on the one cover we tested it against, which was dark.

Then we pasted a link to the homepage into Messenger. The homepage's art was a warm, bright isometric illustration of people at laptops. The headline was white. The tagline was white. The wordmark was white. All three vanished into a cream-coloured room.

Why a stronger gradient was the wrong fix

The obvious reaction is to darken the gradient. We tried it in our heads first and stopped, because the argument against it is simple: the art is unpredictable. Takits events use posters, cut-paper collages, silkscreen prints, watercolours and photographs. A gradient strong enough to guarantee white text on a bright collage is a gradient that ruins a dark photograph. You cannot tune one overlay for art you have not seen.

So the rule became: text never sits on artwork.

What the card looks like now

The frame is split. The art holds a rail down the left and carries no words at all — a cover can be as bright as it likes there. Every word sits on a solid ink panel on the right, where its contrast cannot be touched by the picture beside it.

That also gave a fixed home to the things a share card should carry and ours had left out: the Takits mark, the host's own logo and name, the date, the venue, and whether the event is free. A pasted link now names its event and its organiser before anyone clicks.

Two things we found on the way

Every "bold" on the old card was fake. The image renderer ships one weight of its default typeface and synthesises the rest, so headlines were drawing at body weight. Part of what made the text feel thin was that it was. We now bundle the real bold.

Host logos would have failed in production. They were authored as SVG, which the renderer handles unevenly — fine on a laptop, blank on the server. Every host now has a raster copy beside the vector, and the card prefers it.

Neither would have shown up in a design review. Both showed up the moment someone pasted a link.

Build notes are written as the work lands and published with the release that carries it. This one shipped in v0.6.0.