Olater Identity

An identity isn't a logo. It's a posture — a set of decisions a brand makes about how it looks, reads, and sounds when nobody's watching. The next three chapters are every decision Olater has already made on your behalf.

Color Palette

Six colors that decide how Olater feels on every surface — each one given a fixed role in the system.

Click any swatch to copy its hex. Double-click to open a live UI mock and pair it with another color — the combinator scores contrast against WCAG AA/AAA so you can see exactly which pairings hold up in real interfaces.

What if Olater wore your colors instead?

Drop in a photo, a moodboard, a competitor's homepage, your kid's drawing — the lab pulls its five strongest colors and hands them to you. It's a thirty-second way to feel out an alternate version of Olater before you commit to anything. Click any color to copy hex, or pipe it into the combinator below.

Typography

Two typefaces decide how Olater reads on the page — a display face for headlines, a body face for everything else.

Type your name, your tagline, your favorite lyric — anything — and watch how the system handles it. It's the fastest way to feel whether Olater's voice fits the words you'd actually want to put in its mouth.

Heading Typeface

Inter

Olater

Light — Headings

Medium — Labels

Semibold — Emphasis

Body Typeface

Inter

Olater

Regular — Body text

Italic — Taglines, quotes

Small — Captions

What does Olater look like out in the world?

Type a slogan, a button label, and a second line — and watch them land on a business card, a website, a magazine cover, and a phone screen, all at once. Swap the logo treatment, mess with the words, see how Olater carries itself across surfaces. Download any one as a PNG and pin it somewhere — it's the closest thing to seeing the brand in real life before it exists.

Brand name
Olater
Logo treatment
0 / 100

Business card
olater.com

Website
Issue 01 · Spring

Magazine cover

Phone

Logo Concepts

Nine conceptual directions for Olater, exploring wordmarks, monograms, and geometric treatments.

Each SVG animates as it enters view — a hand-drawing effect that reveals the mark. These are starting points, not finished logos; the final mark would be developed with the acquiring brand team.

OLATER

Wordmark

The wordmark — 'olater' in Inter ExtraBold lowercase across one line, restrained letter-spacing — is the brand's primary lockup. Used on the olater.com hero and the welcome-kit lid. Lowercase softens the deferral register; uppercase would shout, which is off-voice.

O

Square Monogram

The square monogram is a lowercase 'o' in Inter ExtraBold, alone inside a softly-rounded rectangle on the brand's deep-purple (#2E0F33) field. Used as the favicon, app icon, and small social avatar. The single letter reads as 'oh,' the interjection the brand begins on.

O LATER

Initial + Accent Bar

The initial-plus-accent-bar lockup pairs the lowercase 'o' in Inter ExtraBold with a single fuchsia (#C026D3) horizontal bar below the baseline. Used at the top of every Drift Letter and on the printable Press Kit cover — the brand's signature visual move compressed.

O

Circle Monogram

The circle monogram seats the lowercase 'o' in Inter ExtraBold inside a soft fuchsia (#C026D3) circle. Used as the audio-player chrome and as the stamp on the annual subscriber card. The circle echoes the round 'o' twice — letter and field — without making it a joke.

OLA TER

Split Logotype

The split logotype renders 'olater' as 'ol|ater' with a single thin fuchsia (#C026D3) vertical rule between the morphemes. Used on the Olater Field Reports anthology cover and the Phase-5 print products. The morpheme structure becomes visible without being translated.

OLA TER

Slash Mark

The slash mark renders the wordmark with a forward slash separating it from a sub-brand label — 'olater / list,' 'olater / drift.' Used on every product surface and inside the brand architecture page. The slash is the brand's only punctuation in lockups, which makes it a brand property.

OLATER

Code Brackets

The code-brackets variant renders the wordmark inside square brackets — '[olater]' — set in Inter Medium. Used on the async-collaboration product's developer surfaces, the GitHub README, and API-related posts. A deliberate gesture to engineers without polluting the wider system.

OLATER

Vertical Stack

The vertical stack sets 'OLATER' in Inter ExtraBold above the tagline 'later, on purpose.' in Inter Regular, separated by a fuchsia (#C026D3) horizontal rule. Used on the welcome-kit box, the Pad's three-pack belly band, and the Year-2 anthology spine. Reads as a sentence.

O

Ring Monogram

The ring monogram floats the lowercase 'o' in Inter Medium inside an open fuchsia (#C026D3) ring on the brand's cream (#FAF7FA) field. Used on the Drift Letter masthead and the Field Notebook end-papers. Restraint as a posture — the inside of the mark stays negative space.

Lockup Playground

Ever wonder how the Olater mark would feel on a hat, a hoodie, a sticker, an app icon?

Drag the wordmark and the mark wherever you want. Swap the shape under them, change the surface, scale each piece up or down — then export your version as a PNG. None of this is the "official" answer. It's a sandbox so you can feel out how Olater behaves under your own hands before the brand even has owners.

Mark shape
Surface
Wordmark scale
Mark scale

Drag either piece. Use the sliders to resize.

Quick presets

Brand Voice

A three-step way to feel out how Olater sounds — read it, hear it, then pick it.

The voice is one of the things you can't see in a screenshot. So we built three small ways to put it in your ear: a written line, a real recording, and a blind test where you decide which take feels most like the brand.

01

Read it

A line Olater would actually say. Notice the cadence before you notice the words.

“Olater is the rare productivity brand that doesn't pretend you'll get to everything. It admits you won't, then helps you decide what 'later' actually means for each item. The voice is light, lightly self-aware, and quietly amused that an entire industry has been selling guilt as a feature.”
02

Hear it

Now in a real voice. Different speaker, same character — that's the test of whether the voice holds.

Hear the Olater voice
-0:00
03

Pick it

Two takes, no labels. Trust your ear — we'll reveal who's behind each one after.

Which voice sounds more like Olater to you?

Two voices read the same line. We're keeping the names hidden on purpose — pick whichever one feels like Olater in your gut, and we'll reveal who's behind each take after. There's no wrong answer; the test is really just a way to hear the brand take shape in your own ear.

Listen to both, then pick.

Voice Guidelines

The voice is playful — light on its feet, dryly observational, quietly affectionate toward a user who is doing about as well as anyone reasonably can. Treat 'playful' as a discipline, not a tone setting. The fastest test that you have drifted off voice: if your line could be read with sincere enthusiasm by a productivity influencer, it is already wrong. Read it again with a slight, weary smile. That is the register the brand actually lives in.

01

Sentences with a small spring in them. No shouting.

02

Observe the user; never lecture.

03

Wit lands inside the line, not at the end.

04

Avoid exclamation points. Avoid 'you've got this.' Avoid streaks.

05

Concrete details over abstract claims.

06

Specific items beat generalities — 'eight tabs' is louder than 'many tabs.'

✓

We considered adding a streak counter. We thought better of it.

✗

Track your daily streaks and unlock badges as you build the productivity habit.

The on-voice line shows the brand making a small, deliberate editorial choice; the off-voice line is a feature spec dressed up as motivation.

✓

Some lists deserve a little benign neglect.

✗

Stay on top of every task with our intelligent prioritization engine.

One acknowledges that not every captured item matters; the other pretends they all do, which is the lie the user has heard for ten years.

✓

You opened the app at 11:47pm. We are going to assume that was not strategic and bring this back tomorrow.

✗

Late-night productivity sessions help you crush your goals — keep it up!

One reads the situation honestly; the other rewards a behavior the user already feels bad about and is trying to leave behind.

✓

This task has been on your list since March. Want to keep going, or is it time to admit?

✗

Don't give up — keep at it and check this off your list today!

The on-voice option gives the user permission to drop the item, which is often the truthful action; the off-voice option pushes them to fake doing it.

✓

Later, but on purpose.

✗

Procrastinate with confidence!

The first treats deferral as a legitimate strategy; the second is the same idea reduced to a slogan a wellness brand might tweet.

How Olater Sounds Across Industries

10 radio ad concepts — one for each industry Olater is positioned in.

Each script shows how the brand voice can adapt to different audiences while staying unmistakably Olater. Visitors often spend a long time here, clicking through ads, smiling at the ones that land. That's the point — every listen is a small deposit in the brand's familiarity, and that familiarity accrues to the owner.

Deferred-Task Software

View industry →
“Olater. Later, on purpose. That's the whole pitch. The list still works. The notifications stay quiet. Your 'someday' items have a real address now. We charge for it because we built it. Olater dot com.”
Deferred-Task Software radio ad
-0:00

Async Collaboration Tools

View industry →
“Old way: ping someone at six, expect a reply by seven, both pretend it's async. New way: every message gets a deferral window, the windows are honored, and the team gets to be people again. Olater. Olater dot com.”
Async Collaboration Tools radio ad
-0:00

ADHD Executive-Function Coaching

View industry →
“I spent twelve years trying to be the kind of person my old to-do app wanted me to be. Then I found a coach through Olater. We threw out the to-do list. We made a different list. I'm still myself. The list is just smaller now. Olater dot com.”
ADHD Executive-Function Coaching radio ad
-0:00

Someday-Travel Planning

View industry →
“It's a Sunday in February. There's a tab open. It's been open for a year. It is a town in Portugal you have never visited and have, in some quiet part of your head, decided you will. Olater turns that tab into a month on a calendar. Olater dot com.”
Someday-Travel Planning radio ad
-0:00

Future-Self Financial Planning

View industry →
“You know the conversation you have been meaning to have about money — not the ledger one, the longer one. About the version of you who is fifty-five. Olater is for that conversation. Bring your partner. Or don't. Olater dot com.”
Future-Self Financial Planning radio ad
-0:00

Course-Backlog Management

View industry →
“How many online courses have you bought and not finished? Be honest. Most of us are in the double digits. Olater helps you decide which ones to actually return to and which ones to gracefully retire. Olater dot com.”
Course-Backlog Management radio ad
-0:00

Queue & Watchlist Curation

View industry →
“Did you ever read the article I sent you? Which one. The long one. About the dam. No. I have it in three apps. Get Olater. Olater dot com.”
Queue & Watchlist Curation radio ad
-0:00

Family Time-Blocking

View industry →
“Olater. The phrase the kids hear when you ask if they brushed their teeth. The phrase your partner hears when you say you'll fix the closet. The phrase the household actually runs on. Now there is software that admits it. Olater dot com.”
Family Time-Blocking radio ad
-0:00

Deferred Creative Projects

View industry →
“Olater. I started my novel in twenty-twenty-one. It's still here. It's also fine. Olater gave it a season. Then a Drift letter. The novel got smaller. So did the guilt. Olater dot com.”
Deferred Creative Projects radio ad
-0:00

Olater Pad — Branded Stationery

View industry →
“There's a notepad on a kitchen table at five p.m. The light is the color of the season. Someone has written three things down for later, and crossed one out without doing it. That is, allegedly, a productivity failure. We sell the notepad. Olater dot com.”
Olater Pad — Branded Stationery radio ad
-0:00

Brand Architecture

One brand name, many product surfaces — and a pattern that decides how each one gets named.

Architecture is the part nobody sees until it's broken. Get it right and Olater can extend into ten verticals without any of them feeling like an afterthought. Get it wrong and every new product needs a new round of naming.

The pattern

Olater + [single short noun]

The brand-name-plus-noun pattern lets every sub-product inherit Olater's deferral-positive register without diluting the parent. The noun stays small — one word, three to seven letters — so the wordmark dominates the lockup, and the noun is descriptive rather than aspirational. List, Queue, Quarter, Drift: a buyer knows what they are looking at before they read the marketing copy. The pattern resists feature-creep naming, where each new SKU invents its own category language and the brand starts to fracture.

  1. Parent name comes first, never truncated to 'Ola' or 'Late.'
  2. Suffix is one short noun, three to seven letters, descriptive.
  3. No 'Pro,' 'Plus,' or 'Premium' suffixes — they are not real words.
  4. No hyphens between the parent and the noun.
  5. Compound or two-word suffixes are allowed only if both halves stay short.

Olater List

the visible deferred-task plate

Olater Quarter

the long-horizon projects bucket

Olater Queue

the unread-content stack

Olater Drift

the items you have admitted are not getting done

Olater Inbox

the unified solo-operator capture surface

Olater Field

the household workflow board

Olater Pad

the perforated notepad SKU

Olater Cohort

the small-group accountability mode

Olater Studio

the deferred-creative-projects subscription

Olater Horizons

the future-self planning surface

Brand Applications

Directional mockups showing how Olater could appear across physical and digital touchpoints.

Treat these as imagination fuel, not a visual mandate — each one is a spark for what you might build, a reference for what a designer could run with, and a piece of ambient storytelling for visitors who stop by and picture the brand in the world.

Olater Welcome Kit Box Mockup pending
Welcome Kit Box — A matte deep-eggplant (#2E0F33) cube the size of a paperback, with the OLATER wordmark in Inter Bold debossed across the lid in fuchsia (#C026D3). Inside: a sticker sheet, a paper 'later list' pad, and a stub-style card that reads 'you are now a procrastinator with infrastructure.' The kit ships once to annual subscribers and never again, which is part of the joke.

Welcome Kit Box

Olater Annual Subscriber Card Mockup pending
Annual Subscriber Card — A matte black PVC card with the OLATER wordmark in fuchsia (#C026D3) on the face and the membership year on the reverse, all set in Inter Regular at restrained scale. The card has no functional purpose beyond reminding the holder that someone, somewhere, decided their later list deserved a card. That is, in fact, the value proposition.

Annual Subscriber Card

Olater Olater Pad — Branded Notepad Mockup pending
Olater Pad — Branded Notepad — A 5×8 perforated notepad printed in deep purple (#2E0F33) on cream (#FAF7FA) stock, with the OLATER wordmark in Inter Medium across every page header and a single fuchsia (#C026D3) horizontal rule beneath. The body of each page is labeled 'for later' — a small but durable piece of editorial copy disguised as stationery.

Olater Pad — Branded Notepad

Olater Shipping Mailer & Unboxing Mockup pending
Shipping Mailer & Unboxing — A flat cream (#FAF7FA) corrugated mailer sealed with a single strip of fuchsia (#C026D3) printed tape that runs the OLATER wordmark in Inter Bold, repeating along the seal. The interior flap carries the line 'this took a while to ship — appropriate, no?' set in Inter italic at small scale. Restraint is part of the visual language.

Shipping Mailer & Unboxing

Olater Olater.com Desktop View Mockup pending
Olater.com Desktop View — The Olater.com landing page rendered in the brand's full system: cream (#FAF7FA) background, deep eggplant (#2E0F33) headline type set in Inter ExtraBold, a single fuchsia (#C026D3) accent on the hero CTA, and generous negative space. The hero copy reads as a confession, not a value proposition.

Olater.com Desktop View

Olater Social Grid — Nine Tiles Mockup pending
Social Grid — Nine Tiles — A nine-tile Instagram grid alternating flat-color fuchsia (#C026D3) tiles carrying short Olater aphorisms in Inter Bold, with editorial photographs of empty desks, half-finished coffees, and the kind of late-afternoon light that suggests the day is now, conclusively, Wednesday. The tone is observational, not hortatory.

Social Grid — Nine Tiles

These mockups aren't a mandate — pick a posture:

KeepAdaptReplaceIgnoreLeave as-is

The mockups exist to seed possibility — for you, and for every curious visitor who lands here and starts imagining Olater as a real thing.

Visual Tools

Two interactive ways to bend Olater toward your direction — and walk away holding something tangible.

Remix one of the mockups above, or compose a hero card from scratch. Both export as PNGs you can drop into a deck, share, or pin to your desktop. Visitors who build something here tend to remember the brand — that's the whole point.

Make a Olater mockup that's yours

Pick any mockup, swap the colors, rewrite the line — and download the remix. Ten seconds, one PNG.

Mockup
Tint
Caption
Headline weight
Later, on purpose. Olater

Drop Olater on a poster, a billboard, or a slide

Headline, backdrop, layout — compose a 1200×900 share card and walk away with something tangible.

Backdrop
Layout
Olater

Later, on purpose.

Olater is the rare productivity brand that doesn't pretend y

Olater