Strategy, structure, copy & design direction.

Version 2.0 · July 2026

1. The idea

Longhand brings a human ritual back into modern life: a real postcard travels first; the private digital story opens second.

Brand promise: The world, delivered by hand.

Product truth: Every Longhand experience begins with something physical, personal and worth keeping.

The five-second explanation: We write and post a real card from the road. Its private code opens the photographs, voice note and story behind it.

Positioning: Not another feed. Not bulk mail. A slower, more meaningful way to stay connected across distance.

2. Personality

Longhand is:

• Warm, never sentimental for effect.
• Editorial, never cold.
• Modern, never tech-first.
• Personal, never performative.
• Quietly confident, never precious.
• Tactile, but not faux-vintage.

The brand should feel like a beautiful object from the present, not a costume from the past.

3. Voice

Use clear English with short, confident sentences. Start with what the reader receives or can do.

We say

• A real postcard every month.
• Paper first. The internet second.
• Open the hidden story.
• Write something back.
• The world, delivered by hand.
• Less feed. More feeling.
• Coming soon.

We avoid

• Technical setup language.
• Invented scarcity or fake stock counts.
• Generic luxury language.
• Over-explaining the technology.
• Calling every interaction “magical”.

Point of view

Use we for the product and service: “We write your card by hand.”

Use I / Silvia only when a real personal note is speaking in Silvia’s voice. Personal cards may close with With love, Silvia.

4. Visual system

Colour

Yellow is used like a stamp or a beam of light. It marks what matters; it does not cover everything.

Typography

• Display: Georgia / Times-style serif. Large, light and tightly set.
• Body: Inter / system sans. Direct and highly readable.
• Utility: IBM Plex Mono / system mono. Codes, cities, prices, status and postal details.

The serif carries emotion. The sans carries meaning. The mono carries evidence.

Scale

• Hero title: clamp(4rem, 8.5vw, 8.4rem).
• Interior title: clamp(3rem, 6vw, 6.5rem).
• Section title: clamp(1.9rem, 4vw, 3.1rem).
• Body: 1rem–1.1rem, generous line height.
• Utility: 9–11px, uppercase, tracked.

5. Layout

Use strong white space, asymmetric editorial grids and full-width narrative bands.

Every page follows the same rhythm:

1. White navigation with a black rule.
2. Large editorial header with a yellow postal marker.
3. Clear functional content.
4. One dark narrative or conversion moment when needed.
5. Black footer with a yellow top edge.

Avoid rounded dashboard cards, decorative gradients and dense boxed layouts. Prefer rules, fields, paper edges and strong alignment.

6. Signature elements

The yellow postcard

The postcard is the primary brand object. It may tilt slightly, cast a hard ink shadow and respond to touch. It must always remain recognisable as a physical card.

The writing pen

Clicking the hero postcard reveals a written note while a pen travels across it. The interaction is intimate, repeatable and accessible by keyboard.

The typewriter film

The black narrative band types one thought at a time. It explains the ritual in three scenes: the card leaves, the story opens, the recipient writes back.

The postmark

Circular marks, city codes and dashed rules may authenticate a layout. They should encode real information or a brand phrase, never exist as random decoration.

7. Motion

Motion should make the physical process understandable.

• Page load: one composed reveal.
• Postcard: small lift, tilt or writing interaction.
• Typewriter band: text appears character by character.
• Routes: steady horizontal travel.
• Hover: direct lift or colour change, never bounce.

Always respect reduced-motion preferences. When motion is reduced, show the complete message immediately.

8. Components

Navigation

White field, bold sans wordmark, mono links. The active destination receives a yellow label. The primary action stays black until hover.

Buttons

• Primary: black background, white type.
• Conversion / coming soon: yellow background, black type.
• Secondary: white background, black border.
• Never use pill shapes.

Page headers

Large serif title, mono yellow kicker, short explanatory paragraph with a yellow left rule and a postal seal on wide screens.

Product cards

The featured product is an ink-black field. Supporting products remain white. Yellow marks the state or action. Prices are large and clean.

Forms

White paper, black border, yellow hard shadow. Labels use mono. Inputs use a single underline. Errors are specific and actionable.

Footer

Ink-black field with a yellow top edge. Newsletter first; navigation second. Supporting copy uses softened white.

9. Product language

The Postcard Year

Headline: One handwritten postcard a month.

Promise: 12 cities. 12 handwritten cards. One story you can hold.

State before checkout is live: Coming soon.

One Postcard

Headline: Start with one real postcard.

Promise: One card for you or someone you care about.

Three Months

Headline: A shorter journey by post.

Promise: Three real postcards delivered over three months.

Unlock

Headline: Open your code.

Promise: The card arrives first. The story waits behind it.

10. The emotional standard

Every page should leave the reader with one of three feelings:

1. I want to receive this.
2. I want to send this to someone.
3. I remembered someone while reading it.

If a design detail does not strengthen clarity, tactility or emotional connection, remove it.

11. Accessibility and product honesty

• Maintain readable contrast; yellow always carries black text.
• All interactive objects work with keyboard and touch.
• Use visible focus styles.
• Respect reduced motion.
• Do not claim checkout, inventory or delivery capability before it exists.
• Label unavailable products Coming soon.
• Never expose implementation notes or internal setup language to customers.

12. Brand line

Longhand — The world, delivered by hand.

Secondary line: Less feed. More feeling.