brand

Logo

mtime logo dark
Light version Download
mtime logo light
Dark version Download

Spacing


Spacing around the logo is based on the height of the letter i and its tittle to ensure visual balance.

dimension of the i in mtime
spacing of the logo
logo without guide

Please notice, the tittle of the i is not a circle.

Colour


Word mark colour

Colour of the word mark is either old lavender or white with an opacity of 95%.

  • RGB: rgba(133,107,127,0.95);
  • HEX: #856B7F;
  • CMYK: cmyk(0%,10%,2%,48%);
dimension of the i in mtime
  • RGB: rgba(0,0,0,0.95);
  • HEX: #F2F2F2;
  • CMYK: cmyk(0%,0%,0%,5%);
spacing of the logo

Background colour

The word mark is designed to fit on a variety of backgrounds.

❌ Do not colour the word mark.

Bad color
Bad color

❌ Do not use the white word mark on a light background.

Bad color
Bad color

Color coordination

Swatch

Below is our 2020 swatch

Gradient

mtime's brand comes with six strong and vibrant gradients. We've used them liberally in the past, but now we recommend more constraint to improve reading experience.

Decoration

Here are two common design motif we use in our graphic. It is often use to create space and layer to highlight the content.

Typography

We focus on readibility and accessibility first. We use Lato as our primary font. Regardless of the article (which can be a blog post, banner, or printed materials) the size of text is based on reading text. Reading text is the primary text of an article and has the measurement of 1em.

p{ font-size: 1em; font-weight: normal; }

h1{ font-size: 3em; font-weight: 300; }

h2{ font-size: 2em; font-weight: normal;}

h3{ font-size: 1.5em; font-weight: normal;}

h4{ font-size: 1.25em; font-weight: normal;}

h5{ font-size: 1em; font-weight: bold;}

h6{ font-size: 1em; font-weight: bold; }

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

mtime provides a support network for busy parents by matching them with moncierges. Moncierges can help with anything from cooking, housekeeping, and babysitting to household errands — all from one dedicated, reliable carer personally matched to your family

.hero{
margin-top: 0.5em;
font-size: 1.1em;
}

.hero h1 .subtitle{
font-size: 0.5em;
display: block;
font-weight: 900;
line-height: 1.3em;
}

.hero h1 {
font-weight: 400;
line-height: 1.1em;
margin-top: 0;
margin-bottom: 0.25em;
}

Origin story A support network for busy parents

mtime provides a support network for busy parents by matching them with moncierges. Moncierges can help with anything from cooking, housekeeping, and babysitting to household errands — all from one dedicated, reliable carer personally matched to your family

Terminology

To ensure consistency between all communication channel internally and publicly including bots and AI, please try to follow this guideline when referencing to various component of our service.

Interactions

Our online interactions are designed to reduce mental load of busy parents. We always try to design experience to reveal at most one interaction at a time.

✅ Highlight the interaction, explain reasoning, and provide one recommendation.

Could not process payment

Your credit card is expired. Please update your credit card to continue.

❌ Avoid poorly timed interactions, confusing calls to action, and passive aggressive language.

Are you scrolling through our website?

Great! Here's a deal for you. Learn more here

Processing your payment...