The Coline brand
The logo, the wordmark, the skies, the colours and the type, with every file and the rules for using them.
Windows onto the skyThe sky changes and the shapes never do
The logo and the wordmark are cut out of the page, and what shows through them is the sky. There are four skies in two pairs, a light one and its dark partner.
Dawn
Deep cobalt fading to a warm horizon. The first choice on a light ground.
Day
Clear blue with soft cloud bands, for a ground that is already warm.
Night
Bright cobalt fading to a warm horizon. Dawn’s partner on a dark ground.
Clear night
Blue with pale cloud bands. Day’s partner on a dark ground.
The sky keeps your timeDawn, day, dusk and night
Wherever this site shows the sky, it shows the one over you. Dawn starts at five in the morning, day at eight, dusk at six and night at nine, on your own clock. Pick another to see the site under it.
The marksEvery version as SVG and PNG
Each mark comes in the four skies, in black and in white, and as an SVG that takes the colour of the text around it. The kit has them all, with app icons and favicons.
ColoursPaper, ink, cobalt and a warm horizon
Brand surfaces sit on Paper or on Night. Cobalt is the brand blue. Orange is the horizon: an accent, never a ground and never a fill for a mark.
TypeFunnel Display and Funnel Sans
Headings are set in Funnel Display, the family the wordmark is drawn from, and text in Funnel Sans. The product keeps its own typefaces.
Work exists once
Funnel Display Medium
Messages, mail, calendar, docs, tasks and code live together in Coline. Every app, person and agent works on the same copy.
Funnel Sans Regular
Using the marks
Use the marks to refer to Coline: in articles, reviews, tutorials, integration directories and partner pages. Don’t use them in a way that suggests Coline sponsors or endorses you, or in your own name, logo, icon or domain.
Pick the sky by the ground
Dawn or day on a light ground, night or clear night on a dark one. On a photo, a colour field or a mid-tone, use white or black.
Leave it room
Keep a quarter of the logo’s width clear on every side, and the height of the letter o around the wordmark and the lockups.
Keep it readable
The logo is at least 24 px on screen, the wordmark 64 px wide and the horizontal lockup 96 px wide.
Use the files
Don’t retype the wordmark, respace it or capitalise it, and don’t rebuild a lockup by hand. Its proportions are fixed in the files.
Leave the sky alone
A mark is filled with one of the four skies, or black, or white. Don’t recolour a sky, mix two, or fill a mark with one flat colour.
Show the whole mark
Don’t crop, rotate, stretch or outline a mark, add a shadow to it, or run its letters off the edge of a frame.