A Caracas community manager's site: her name as a masthead, a satin ribbon that passes behind the type, and ink that gives her pictures their colour.
Eliana Miliani is a community manager and manager in Caracas: she runs a brand's social media and also what nobody sees behind it, the agenda, the clients and the events. The site is built on that pair. Presence that is noticed, management that is not.
So everything on it comes in twos: two typefaces, a ribbon with two faces, a mark made of a thick stroke and a hairline, a light ground and a dark one. I designed and built all of it, in Spanish and in English, and drew her identity.
- 7pages in two languages
- 40points of cloth in the ribbon
- 16pictures, none shown twice
- 3canvases: two for the ribbon, one for the colour
Ink and ribbon
Ink that gives colour
Her pictures are colour files that the page shows in grey. The grey is a sheet laid over the whole page, and the ink the pointer leaves opens it: where ink lies over a picture, the picture is in colour, in the ink's own shape, and it closes again as the ink goes.
A ribbon that is cloth
Forty points along the strip are each held to their place by a spring and tied to their neighbours. The page moving and the pointer passing only push them, so it sways and settles instead of following a path.
Behind one letter, in front of the next
The ribbon is drawn twice, on a canvas behind the page and on one in front that shows only the part that has come forward of the type.
Identity
Her initials hold her trade
One unbroken line writes C and M, for community manager. One bar set inside the C turns it into an E, and it is the only stroke that does not touch the line.
A construction, not a typeface
One script holds the numbers the mark is made from and writes every file from the same outline: the logo, the six-letter wordmark, the browser icons and the share card.
Corrected for the eye
A level hairline is drawn thinner than an upright one because it reads heavier, and the bar stands above the middle because at the middle it looks as if it had slipped. The smallest icons are drawn on the pixel grid.
Pages
No two heads composed alike
Every page opens with the same parts, a heading, its sentence, a picture and the ribbon, arranged a different way each time, and the ribbon has a pose of its own for each.
The ground belongs to the page
A section names its ground, light or graphite, and when it reaches the middle of the screen the whole page slides there together. No section paints a background of its own, because the ribbon and the ink are drawn behind the page.
A first message, already written
The contact page writes the visitor's first message as they tick what they need, and offers three ways to send it.
Details
Clips that never jolt
A single take slows to a stop at each end before it turns, like a swing, and several takes dissolve into one another, the last into the first, so no loop shows its seam.
Counted by the clock
The ink is let out by the second, not by the frame, so a 60 Hz screen and a 240 Hz one show the same stroke.
Complete without the canvases
With no WebGL, or for a reader who asked for less motion, the canvases never load: the pictures are grey by a plain filter and every page still says everything.
The photographs and the film are from Eliana Miliani's own archive.
