Gearyforgemore tools
Orbita

Four templates, shown exactly as they look in your inbox.

Open a template to see the full sample and read what it suits, or skip straight to the builder.

A classic layout: your photo on the left, your details on the right.

The classic template lays out an HTML table with your photo on the left and your name, title and contact details on the right, the two-column shape most people picture when they hear the word signature. Your photo renders at a fixed square, so a photo already cropped close to a square looks best — orbita never crops, alters or stores the image file itself; a photo added by URL stays a URL, and a photo dropped in as a file stays in your browser as embedded image data. On the right, your name sits in bold above your title, department and company, with email, phone, mobile, website and address each on their own line beneath. An optional one-pixel divider in your accent color can run between the two columns, or down the left edge if you leave the photo out, and a disclaimer line spans the full width underneath when you add one. The output is plain table markup with no external stylesheet, ready to paste into Gmail's, Outlook's or Apple Mail's signature editor. No account, sign-up or server storage is involved at any point.

A compact layout that fits your signature onto two dense lines with no photo.

The compact template skips the photo cell entirely — it never reads a photo field, by design — and packs everything else into two dense lines instead of the multi-line block other layouts use. The first line carries your identity: your name in bold, followed by your title, department and company, with the company set in your accent color, each part separated by a small dot and any empty field dropped cleanly so you never see a stray separator next to nothing. The second line carries every contact detail you've filled in — email, phone marked T, mobile marked M, your website's host name and your address — joined the same way, and the whole line is left out if you haven't added any contact details at all. An optional one-pixel accent-colored rule can run down the left edge, and your logo, social links and disclaimer stack beneath the two lines when you add them. Like every orbita template, the result is plain HTML table markup with no stylesheet, no account and nothing stored on a server — just markup you paste into your mail client's signature editor.

A stacked layout that runs your logo and details down a single column.

The stacked template runs your signature down a single column, with no photo cell at any point. Your logo leads, followed by your name, title, contact details and social links, each on its own line. This layout suits a purely text-and-logo signature with a clean vertical rhythm.

A card layout that frames your details behind a bordered accent edge, photo included.

The card template pairs your photo with your details inside a card marked by a colored accent border down the left edge. Your name, role and contact information sit to the right of the photo, framed by that border. It gives your signature a distinct, branded look without a photo taking over the layout.

How to choose between them

The honest answer is that the differences matter less than the length. A signature is read in a preview pane a few lines tall, usually below a reply, and often for the fiftieth time that week by someone who stopped noticing it on the second. Pick the shortest one that still carries the details people actually need to contact you, and put the rest on the website you are already linking to.

If you are choosing for a whole team rather than yourself, the stacked and compact layouts survive long job titles and long company names better, because they wrap rather than pushing the block wide. A card layout looks best when everyone's details are roughly the same length, which is rarely true of a real directory once you reach the people with two titles.

Why they are built the way they are

Email clients are not browsers. Outlook renders HTML through Word, most clients strip stylesheets, and many block remote images until the reader clicks to allow them. So these templates use table layout and inline styles rather than modern CSS — not because it is good markup, but because it is the markup that survives. Anything that depends on flexbox, grid or an external stylesheet renders as a stack of unstyled text in the clients most businesses use.

The same constraint is why a logo is worth thinking about twice. An image that is blocked leaves a gap and its alt text, so a signature that carries its company name only inside the logo shows a broken image and nothing else to a first-time recipient — which is exactly the reader it mattered for. Keep the name as text, and let the image be the thing that is nice to have.