Skip to content
Lokasell
Download all

The Lokasell brand

The logo, what it means and how to use it, with the colours, the type and every file. If you are writing about Lokasell, printing for it or building on it, work from this page.

Download everything See each file

One ZIP, 1.4 MB: every logo as SVG and PNG, the icons, and the pictures for profiles, banners and posts.

Using it

There are four versions. Which one depends only on what is behind it.

  • In colour

    On white and pale grounds. Reach for this one first.

  • Reversed

    On Home Blue, on Night, and on a photograph dark enough to hold it.

  • One colour, dark

    Where only one ink is to be had: a stamp, a fax, an engraving.

  • One colour, white

    The same, on a dark ground.

Leave it room

Keep half the mark's height clear on every side: no type, no edge, no other logo inside the dashed line.

Not too small

On a screen the logo holds down to 96 pixels wide and the mark down to 24. Below that use the tab icon, which is the same mark cut heavier. In print, keep the logo at least 25 mm wide.

And four things not to do

  • Not in other colours.

  • Not turned. The quarter is always twelve to three.

  • Not stretched or squeezed.

  • Not in colour on a dark ground. Use the reversed one.

Colour

Blue is the home and every action. Ink carries the words. The accent appears once, in the logo.

  • Home Blue

    The home, the logo, and every action.

    Hex
    #0b4fcb
    RGB
    11, 79, 203

  • Ink

    Text, and the dark ground called Night.

    Hex
    #0c1c3d
    RGB
    12, 28, 61

  • Accent

    The quarter arc of the logo. Nothing else.

    Hex
    #f59b00
    RGB
    245, 155, 0

  • Ring

    The pale ring of the logo, and quiet blue structure.

    Hex
    #a9c4f2
    RGB
    169, 196, 242

  • Map Ground

    The page behind everything.

    Hex
    #f1f5fa
    RGB
    241, 245, 250

  • Paper

    Panels, plates and the logo's light ground.

    Hex
    #ffffff
    RGB
    255, 255, 255

Lokasell's maps have four line colours of their own, for the daily trip, food, health and leisure. They belong to the maps and are not brand colours. On a dark ground the accent is lightened to #ffb829.

Type

Three typefaces, each with one job. All three are open-source, under the SIL Open Font License.

Red Hat Display

Weights 800 and 900. The name and every heading.

Red Hat Text

Weights 400 to 700. Everything that is read.

Barlow Condensed

Weights 600 and 700. Figures and short labels, set the way a station plate is.

The name

How to write it when there is no logo to do it for you.

Lokasell
One word, with a capital L and no other capitals. Not LokaSell, Loka Sell or LOKASELL.
Homes, measured.
The line that goes with the name, with its comma and its full stop.
lokasell.com
The address, in lower case and without www.
Lokalist
A neighbourhood's local specialist on Lokasell. One word, with a capital L.

The name and the logo are Lokasell's. Use them to refer to Lokasell, never as part of your own name or to suggest Lokasell endorses you, and add no ® or ™ to them. Questions to [email protected]. The Credits list the typefaces and maps they are used with.

Every file

SVG is the drawing itself and stays sharp at any size: use it wherever it is accepted. PNG has a clear background unless it is a finished picture.

Download everything

The mark and the name on one line. Use this one unless there is a reason not to.

Stacked

The mark above the name, for a square or tall space.

The mark alone

For where the name is already beside it, or the space is too small for both.

The name alone

For where the mark is already in view.

Icons

For apps, home screens and browser tabs.

Profiles, banners and shared links

Cut to the sizes each place asks for.

Posts

Ready to post as they are, on Home Blue or on Night.

What lokasell.com itself uses

Lokasell's own pages point at these same files, so a file that changes here changes there.

The logo a search engine is given
lokasell.com/brand/logo/lokasell-mark.png