TiliaFoundation

PlumageOur work07 / 13

Tilia Guidelines

A dentist for people who hate the dentist: quiet rooms, no rush, nothing done without your yes.

Introduction

Tilia’s first screen: “A dentist for people who hate the dentist.” over an appointment card lying in dappled linden shade on a lawn
The website’s first screen: the appointment card in linden shade, bracts falling onto it.

Tilia is a dental clinic for people who would rather be anywhere else. Quiet rooms, no rush, nothing done without the patient’s yes; raise a hand and the work stops. The first visit can be a talk, with no treatment at all.

Tilia is the linden tree, planted in squares and courtyards for its deep, cool shade. In the wordmark the T’s crossbar stretches into one gentle arch over “ilia”, like a canopy: the letters sit in its shade. Nothing in the drawing is sharp; every end is round.

One deep linden green on blossom cream, with the yellow of linden flowers as the one bright note. Warm daylight and leaf shadow instead of clinical blue and chrome.

At a glance

Colours
  • Blossom#F3EEDF
  • Linden#2C4A3E
  • Shade#1E342B
Type
  • Aa Newsreader
  • Aa Instrument Sans
Line

A dentist for people who hate the dentist.

Brand kit

47 files · 1.7 MB

Download the zip

Wordmark scale

  1. 96 px
  2. 72 px
  3. 60 px
  4. 48 px
  5. 38 px
  6. 30 px
  7. 24 px

The wordmark is the logo: it carries its own symbol, the canopy, so there is no separate lockup (a tree beside it would show the T twice). Use it wherever the name can be read: the door, the fascia, the card, the website. The T-tree is for small square places only: the app icon, the profile picture, the favicon, a glazed cup. Never redraw the arch, close the gap under it or let it touch a letter.

Mark construction

Tilia mark construction

Clear space is 1.5x on every side, where x is one stem. Every stem is one width and ends in a full round; the i dots are true circles of one size, set close under the arch; the arch is level at both ends and never touches a letter.

Signature

Linden on Blossom is the signature: the card, the website, letters, the reception desk.
Blossom on Linden for the fascia, the pouch and dark grounds; white on glass for the door.

Three cuts

WordmarkTilia under its canopy. The logo, everywhere the name can be read.
T-treeThe T as a tree, an oval crown on a spreading trunk. Square places only: icon, profile, favicon.

Small sizes

  1. Wordmark, 24 px
  2. Wordmark, 16 px
  3. T-tree, 32 px
  4. T-tree, 16 px

Logo on your background

The dark artwork

Use the dark artwork: 8.3:1 against this ground. Logos need at least 3:1 (WCAG 2, non-text contrast).

Please don’t

Don’t stretch or squeeze it. The arch must keep its gentle curve.
Don’t tilt it. The canopy stays level over the letters.
Don’t recolour it clinical blue, or anything else. Linden or Blossom.
Don’t set it on a ground that swallows it. Check it with the tool above.
Don’t add shadows, outlines or glows. Leaf shadow belongs to the photograph.
Don’t fade it or make it see-through. One solid colour.

Core palette

Blossom
Linden
Shade
Bark
Bract
Flower

Taken from the linden tree in June: the deep green of its leaves for the logo, the cream of its blossom for the ground, the pale green of the bract that carries the flowers, and the flowers’ yellow as the one bright note. Shade and Bark carry the words. No clinical blue, no white tiles, no chrome. CMYK values are a plain device conversion for reference; proof the green and the yellow on press.

Color proportions

Blossom38%
Linden24%
Shade12%
Bark8%
Bract10%
Flower8%

Blossom and Linden do most of the work. Bract is the soft second ground; Flower appears once per surface, on the one action that matters.

Readable combinations

  • AaShade on Blossom11.4:1AAA
  • AaLinden on Blossom8.3:1AAA
  • AaBark on Blossom5.9:1AA
  • AaBlossom on Linden8.3:1AAA
  • AaShade on Flower8.3:1AAA
  • AaLinden on Bract6.3:1AA
  • AaBract on Linden6.3:1AA
  • AaBlossom on Shade11.4:1AAA
  • AaFlower on Linden6.1:1AA
  • AaFlower on Blossom1.3:1Fail

Flower is never text on Blossom (1.4:1): it is a ground for Shade text, as on the Book a visit button, or large display on Linden. Bark is the lightest text colour that holds AA on Blossom. Ratios are WCAG 2 contrast, measured on the sRGB values above: AAA from 7:1, AA from 4.5:1, AA Large from 3:1 (large or bold text only).

Check a pairing

Text
Ground
AaBlossom on Linden

8.3:1AAA

Type system

  • A dentist for people who hate the dentist.

    Headlines and the warm, spoken lines, as on the website: light 300 at 57 px, tight but not cramped. A reading serif with soft details, so the clinic sounds like a person, not a system. By Production Type, SIL Open Font License 1.1, Google Fonts, about 90 KB for the variable roman. This preview doesn’t load it yet, so the line above falls back to your system’s face.

  • Raise a hand and we stop.

    Text, forms, buttons and signs: 16 to 22 px, regular 400 and semibold 600 for the button in capitals. Open and friendly at small sizes. By Rodrigo Fuenzalida and Jordan Egstad, SIL Open Font License 1.1, Google Fonts, about 70 KB variable. This preview doesn’t load it yet, so the line above falls back to your system’s face.

Click any specimen line to try your own words.

Type scale

18 px
Major third 1.25
  1. DisplayNewsreader · 300 · 54.9px · 3.433rem

    No rush.

  2. Heading 1Newsreader · 300 · 43.9px · 2.747rem

    A dentist for people who hate the dentist.

  3. Heading 2Newsreader · 300 · 28.1px · 1.758rem

    Nervous about the chair?

  4. Heading 3Newsreader · 300 · 22.5px · 1.406rem

    Start with a talk

  5. BodyNewsreader · 300 · 18px · 1.125rem

    Quiet rooms, no rush, nothing done without your yes. Raise a hand and we stop.

  6. CaptionNewsreader · 300 · 14.4px · 0.9rem

    New patients welcome

Tone of voice

Tilia speaks like the kindest dentist you have met: slow, plain and on your side. It says what will happen before it happens, and it always says you can stop.

Short sentences, ordinary words, no clinical terms unless they are explained. Fear is taken seriously, never joked about.

Shade on a hot day

A linden tree in a square: somewhere to sit, cool and unhurried. The people reading are scared, embarrassed or both, so every line lowers the stakes and gives them control.

You’re in charge

Every page says how to pause, ask or stop. Nothing is done without a yes.

SayAvoid
Raise a hand and we stop.Just relax, it won’t hurt a bit.
We’ll tell you what we see before we do anything.Our expert team knows what’s best for you.

Plain, slow words

Explain before you name. One idea per sentence, no jargon left unexplained.

SayAvoid
A filling: we clean out the soft part and close the hole.Composite restoration of the carious lesion.

Kind, never cute

Warm, not jolly. No jokes about pain, drills or dentists.

SayAvoid
Many people feel this way. You’re not the first.Don’t be a scaredy-cat!

Fascia

The Tilia wordmark hand-painted in cream on a deep green timber fascia under a flowering linden branch

Blossom on Linden, hand-painted on the shopfront: the canopy over the name, a real linden over the canopy.

Front door

The Tilia wordmark frosted onto the clinic’s glass door above “Dental care”, a bright waiting room behind
Frosted glass at eye level, with one plain line under it. The waiting room shows through: no surprises.

Appointment card

A cream cotton appointment card with the Tilia wordmark letterpressed in deep green above Date and Time lines
Letterpress in Linden on cotton card. Date, time and nothing else to read.

Reception desk

The Tilia wordmark inset in green wood into a pale oak slatted reception desk

The wordmark routed into pale oak and inset in green: the first thing a nervous patient sees inside.

Aftercare pouch

A cream linen drawstring pouch printed with the Tilia wordmark beside a bamboo toothbrush
One-colour print on linen: the aftercare pouch every patient takes home.

Waiting-room cup

A cream ceramic cup with the T-tree glazed in green on a sunlit oak table
The T-tree glazed on a cup: one of the few square-ish places where the mark stands alone.

Device: the shade

The T and its arch from the wordmark, cropped by the frame, cream on green

The wordmark’s T and its arch, cropped so the canopy runs out past the edge: covers, signs and section openers. A tiled T-tree was tried and dropped; repeated, it reads as mushrooms.

Export assets

Export all assetsPDF Guidelines
What’s inside the zip · 47 files · 1.7 MB
  • svg/Vector logos (SVG)13 files · 54 KB
  • export/PNG logos, favicons and profile pictures25 files · 951 KB
  • pattern/Pattern tile and device (SVG, PNG)2 files · 43 KB
  • scenes/Application images (WebP)6 files · 790 KB
  • README.txtWhat each folder holds, and the colours1 file

Wordmark

Tilia Linden
Linden
Tilia Blossom
Blossom
Tilia Linden, with ground
Linden, with ground
Tilia Blossom, with ground
Blossom, with ground

T-tree

Tilia Linden
Linden
Tilia Blossom
Blossom

Profile pictures

Tilia Linden
Linden
Tilia Blossom
Blossom
Tilia White
White

Device

Tilia The shade
The shade

Favicons

Tilia Favicon SVG
Favicon SVG
Tilia Favicon PNG
Favicon PNG
Tilia Favicon ICO
Favicon ICO
Tilia Apple icon
Apple icon
Tilia PWA icon
PWA icon
Tilia PWA icon large
PWA icon large

Applications

Tilia Tilia · 01
Tilia · 01
Tilia Tilia · 02
Tilia · 02
Tilia Tilia · 03
Tilia · 03
Tilia Tilia · 04
Tilia · 04
Tilia Tilia · 05
Tilia · 05
Tilia Tilia · 06
Tilia · 06

Brand and website designed by Plumage

Tilia’s artwork is designed by Plumage and is not licensed for anyone else’s use. Newsreader and Instrument Sans keep the SIL Open Font License 1.1 from their makers. This preview doesn’t load them, and nothing on this page grants a licence.