Brand / The Thread visual language

One feeling.
Everywhere.

Clear, considered, and quietly human. Our identity, imagery, and product stories work together to make useful work feel tangible.

Take the brand kit

01 / Identity

A small mark.
A clear signature.

The cut serif T and widely spaced wordmark are our constants. Use the original artwork, in a single color, with enough space to let it breathe.

Ink / on lightDownload PNG

Paper / on darkDownload PNG

Avatar / small squaresDownload PNG

Download the vector lockup

Clear space, wordmark, and usage

Give the mark room. Leave at least one serif-blade length on each side. Use the tile in avatars and small squares; keep the standalone mark at least 24 px tall.

Keep the drawing intact. Preserve the gaps, proportions, and wordmark spacing. No stretching, outlines, gradients, glows, or added shadows on the logo.

Choose a quiet placement. Ink on light. White on dark. Over an image, use a calm, high-contrast area with consistent tone behind the entire lockup.

Use the supplied lockup. Its Public Sans wordmark is already outlined. Do not retype it. Brand assets do not imply a partnership or endorsement.

02 / Type & color

Editorial warmth.
Product precision.

Newsreader gives the story a human voice. Public Sans keeps the website clear. Inside product views, preserve the app’s Geist typography and familiar interface colors.

Newsreader / DisplayRegular, with a little italic emphasis.

Every customer
gets a Guide.

Public Sans / WebsiteBody copy, navigation, and controls.

An always-on account manager for every customer.
Activate accounts. Grow adoption. Verify the result.

Geist / ProductGeist Sans for the interface. Geist Mono for system output.

One account. One continuing conversation.

10:34 AM Source check · verified

A restrained palette.

Paper, ink, and quiet neutrals carry the page. Green in the interface means a verified result; the natural colors of our imagery provide atmosphere.

Select a swatch to copy its hex value.

24 pxMedia and image frames

6 pxWebsite buttons

1 pxQuiet dividing lines

Space firstFew elements, clear hierarchy

03 / Imagery

Light, texture,
a sense of place.

Architectural glass is the setting: ribbed surfaces, soft daylight, tactile materials, and a little natural imperfection. The product and the message stay in focus.

Forest / late afternoon

Deep green glass and a warm pool of light.

PNG

Daylight / warm stone

Pale glass, soft shadows, and a lighter field.

PNG

Conversation / blue-gray

A cool architectural setting for Guide stories.

PNG

Sidekick / filtered light

Natural texture around the shared browser.

PNG

Back office / quiet depth

A calm backdrop for work across systems.

PNG

Verification / clear light

A distinct frame for the confirmed result.

PNG

Keep the family recognizable. Vary the light and composition, while repeating fluted glass, warm stone, muted greens, and soft blue-gray tones.

Leave somewhere for the story. Choose a quiet area for type or the product. Keep architectural details out of the reading path. Crop deliberately for each format.

Let materials provide depth. Use directional light, realistic reflections, and subtle texture. Avoid glowing edges, synthetic shine, and decorative interface effects.

Compose the type separately. The backgrounds are generated artwork. Logos, typography, and product UI are added from our actual assets, so they stay crisp and consistent.

Recipe for a new image in this family

An architectural interior photographed at human scale. Fluted glass, warm limestone or worn timber, soft directional daylight, restrained blue-gray and forest tones. Gentle plant shadows, believable reflections, fine material texture, and a quiet area for a headline or product frame. No lettering, logos, interface elements, neon, or exaggerated gloss. Match the existing references before adding a new image to the library.

04 / Product & motion

Show the work.
Make the result clear.

Lead with one customer’s story: a conversation, a useful action, and a verified outcome. Show the interface people will recognize when they open Thread.

Guides › Accounting setup › Marlow Studio

Copy link

Marlow Studio Reached

Alex Morgan · alex@example.com · Accounting setup

MessageNudge nowPause

TODAY · OCT 23

10:18 AMENROLLED VIA CSV UPLOAD

Goal: connect QuickBooks and confirm the connection.

10:18 AMEMAIL TO ALEX

EMAIL Quinn · Accounting setup

A hand with your QuickBooks setup

Hi Alex,

Your account is ready. Let’s connect QuickBooks so your invoices and payments stay together. I can do the setup with you — you’ll just need your sign-in.

Quinn
Your setup Guide

10:20 AMTEXT TO ALEX

Hi Alex, it’s Quinn. QuickBooks isn’t connected yet. Want a hand getting it set up?

10:24 AMTEXT FROM ALEX

ALEXYes please. Can you give me a quick call first?

10:25 AMCALL APPROVED

Alex asked for a call. The team approved the dial.

10:26 AMCALL COMPLETED

Call with AlexQuinn · Accounting setup

01:42

↗

CALL SUMMARY

Alex wants invoices and payments in QuickBooks. They’re ready to connect, and will sign in on their phone.

10:28 AMQUINN · YOUR GUIDE

Here’s your link. I’ll handle the setup with you. You’ll sign in when we reach that step.Open your setup session ↗

10:29 AMSETUP LINK OPENED

Alex joined Sidekick. The shared browser session started.

10:29 AMBROWSER SESSION

BROWSER SESSION Sidekick · Marlow StudioWorking · 4 steps

Opened accounting settings. Alex is completing the sign-in step.

marlow / accounting

QuickBooks Online

Keep invoices and payments in sync.

Connect QuickBooks

Sidekick You

10:29 Opened accounting settings10:30 Selected QuickBooks Online10:32 Customer signed in10:33 Connection saved

10:34 AMREADING THE SOURCE

The browser finished. Checking the integration status before calling it done.

10:34 AMFRESH READ RECEIVED

WHAT IT READ · ACCOUNTING INTEGRATION

account   Marlow Studio
provider  QuickBooks Online
connected
                  true
read_at   10:34:28

10:34 AMDONE — VERIFIED

Accounting connected

The fresh source read matches the account’s goal.

10:35 AMTEXT TO ALEX

You’re connected. I checked the integration and your account is ready to sync. You’re all set.

10:36 AMTEXT FROM ALEX

ALEXPerfect. One less thing on my list. Thank you!

Text Email Calls SidekickOne continuing account history

Guide Watch / one continuing account historyProduct illustration · Example account

Keep the product recognizable. Reuse the actual navigation, type, spacing, status colors, and components. Simplify the view around the action, without inventing a different app.

Make the work easy to follow. Text, email, and voice share the account history. Sidekick shows both cursors together. Back-office work ends with evidence from the source.

Label illustrative stories. Example accounts explain the product. They are not customer results. Performance claims and customer metrics always need a source.

Move with purpose. Cursor movements are quick; important messages stay long enough to read. Loops settle before restarting. Respect reduced motion and keep audio opt-in.

The reusable motion library

The pieces behind
the experience.

Use the dimensional components to explain how the system works. Keep their materials, channel colors, and motion consistent across scenes.

Explore the components

06 / Downloads

Make it
feel like Thread.

The current imagery, social cards, LinkedIn covers, and original marks. Use the supplied files to keep every touchpoint in the same visual family.

Download the visual kit

LinkedIn covers 4 PNGs / Personal + company / Dark + light Social previews 3 PNGs / Thread, platforms, and payments Original mark kit Thread identity assets Reusable motion library Individual components and complete scenes

Please preserve the logo and wordmark. Don’t use these assets to imply endorsement or partnership. For a co-brand lockup, get in touch.

One feeling.Everywhere.

A small mark.A clear signature.

Editorial warmth.Product precision.

A restrained palette.

Light, texture,a sense of place.

Forest / late afternoon

Daylight / warm stone

Conversation / blue-gray

Sidekick / filtered light

Back office / quiet depth

Verification / clear light

Show the work.Make the result clear.

The pieces behindthe experience.

One clear thought.Room to breathe.

LinkedIn, ready to use.

Personal / Dark

Personal / Light

Company / Dark

Company / Light

Make itfeel like Thread.