← Twofold case study · Brand book · version 1 · September 2026

twofold

Play together, on your own time.

ProductTwo-player game room for long-distance couples
Built onMinimal design system
OwnerRajmi

The idea

Two circles, one overlap

Every Twofold couple is two people living two different days. Most of the time those days don't touch. For an hour or two, they overlap, and that's when you can play live. The rest of the time you take turns.

The mark draws exactly that: two discs for two people (and two Connect Four pieces), with the shared moment between them picked out in the accent color. It's the same shape as the overlap finder on the site, so the logo explains the product.

The name follows the same thought. Twofold means two people, and two days folding over each other. Where they fold together is the overlap: the hour you can play live. Everything else, Twofold holds until the other person is free.

You · the overlap · them

Exploration

Three directions

I sketched three directions from the research. The overlap won because it's the simplest and it says the most about what makes the product different.

Chosen

The overlap

Two people, the time they share. Works at 16px, reads as a game piece and as a Venn diagram.

Not chosen

Two clocks

Clear about time zones, but it looks like a world-clock utility. It doesn't say play.

Not chosen

Dropped discs

A letter L built from game pieces. Fun, but it ties the brand to one game.

Logo

The logo family

twofold

Primary lockup

Mark plus lowercase wordmark in Geist Bold, tracked −3.5%. Use it first wherever there's room.

twofold

Stacked

For square spaces: splash screens, profile images, the invite card.

Mark

On its own once people know the product.

Reversed

Light discs on ink. The accent stays the same.

On accent

The lens becomes a cut-out. Use only for big marketing moments.

One color

For print or embossing where only one ink is possible.

Logo

Construction and spacing

d = 32 · gap = 20 clear space = 12 (lens width)

Geometry. Two circles of diameter 32 with centers 20 apart, so they overlap by 12. The overlap, a lens shape, is the only part in the accent color.

Clear space. Keep at least one lens width (12 units) empty on every side of the mark or lockup.

Minimum size. Mark 16px wide on screen, 6mm in print. Lockup 80px wide on screen.

Wordmark. Always lowercase "twofold". In sentences, write the name as Twofold.

Don't recolor the lens.

Don't stretch or squash it.

Don't pull the circles apart. No overlap, no logo.

Don't add shadows, gradients or hearts.

Color

Mostly quiet, one warm moment

Twofold uses the Minimal palette. Neutrals carry the interface; the accent, called Overlap, marks shared moments, your turn, and the one main action on a screen.

Ink#18181B · dark #F4F4F5Text, player one, the discs
Overlap#C2410C · dark #FB8A4CThe lens, player two, main actions
Graphite#5F5F68 · dark #A1A1AASecondary text, partner on charts
Mist and Paper#F4F4F5 / #FFFFFFCards and page backgrounds

Rough proportion on a screen: about 60% Paper, 20% Mist, 12% Ink, 6% Overlap. If the accent is everywhere, it stops meaning "now".

Type

Geist, set plainly

One family for everything. Sentence case, no all-caps labels. Geist Mono only for codes and room IDs.

Display · 48/52Your move.
Heading 1 · 32/40You're both free 21:30–23:30
Heading 2 · 22/30What song reminds you of us right now?
Body · 15/24Arjun answered. His answer opens once you send yours.
Caption · 13/18Last active 40m ago · Kolkata
Mono · 13/20ROOM K4-7Q

Voice

How Twofold talks

Warm, not sappy

We care about the couple. We never write like a greeting card or add hearts to make a point.

Patient

Distance means waiting. We never guilt anyone for a slow turn or a missed day. No streaks that shame.

Plain

Short sentences, real times, real names. "You're both free at 9:30" beats "sync window detected".

MomentWriteAvoid
Partner movedDo: Arjun played. Your move.Don't: Don't keep Arjun waiting!
Answer sentDo: Sealed. Arjun sees it after answering.Don't: Answer submitted successfully!
OverlapDo: You're both free 21:30–23:30 tonight.Don't: Optimal synchronous window detected.
NudgeDo: Priya is thinking of you.Don't: You've got love! 💕💕
Lost a gameDo: Arjun won this one. Rematch?Don't: You lost! Better luck next time.
Primary tagline

Play together, on your own time.

For app stores

Games for two, across any time zone.

For social

Your move, whenever you wake up.

Graphic language

The overlap strip

The 24-hour strip from the site is the brand's pattern. Use it in headers, posts and slides: Ink for one person's free hours, Overlap where they meet.

Illustration

Spot illustrations

Small drawings that sit beside each game and empty state. They're built from the same parts as the logo: circles, one line weight, Ink, and a single Overlap shape for the shared moment.

Connect Four

The next disc is already falling.

Today's question

Two answers; the overlap is what you learn about each other.

Would You Rather

One path, two choices.

Nudge

A small signal crossing the distance.

Overlap finder

Day on one side, night on the other, the overlap between.

Memories

Game pieces piling up over time.

Built from the mark

Circles and simple lines only, drawn on a 96 × 64 grid with a 2.5 stroke.

One warm shape

Exactly one element per drawing uses Overlap, and it marks the shared moment.

No faces, no hearts

Couples should see themselves in the drawings, so people stay abstract as discs.

In use

Applications

Photos
Maps
Notes
Music
Mail
Twofold
Clock
Calendar

Site icon

Used as the favicon and when someone adds Twofold to their home screen. Ink background, white discs, and the dark-mode Overlap for the lens.

Twofoldnow
Arjun played. Your move.

Connect Four · it's 07:00 for him

Twofold2h ago
Priya is thinking of you

Tap to send one back

Notifications

Name first, then what happened. Always give the partner's local time when it helps.

twofoldPriya saved you a seat.

A game room for the two of you. Take turns whenever you're free.

Take your seat

Invite card

The first thing a partner sees. One clear action, the inviter's name in the headline.

Social post

Ink background, one line in Overlap. Numbers from real couples make the point.

twofoldDemo · Priya
Priya · Toronto
21:30
Arjun · Kolkata
07:00
Nudge

In the product

The lockup sits top left. Inside the site, the brand stays quiet and lets the two clocks lead.