Readable by default
Names, roles, contact details, and links remain useful when images are hidden or unavailable.
2026Product strategy, brand identity, web app, and email delivery
Signlume: Email Signature Platform
A visual email signature builder that gives people creative control and still works well in the inbox.
Core Infinite / ProjectWeb
A visual editor for creating polished email signatures that still work reliably in everyday email apps.
What we made, why it mattered, and how it came together.
Signlume brings names, roles, contact details, links, portraits, logos, and brand styling into one clear workflow. People can choose a design, make it their own, review it, publish it, and follow a guided installation.
Email is an unpredictable place for design. Different apps can change layouts, block images, adjust colors, and handle motion in different ways. Signlume solves this by keeping the rich editing experience separate from the simpler version that goes into an email client.
The result keeps the important parts useful. Names and contact details stay as live text, links remain clickable, motion is optional, and every signature has static and plain-text alternatives.
Published designs
A published signature keeps its chosen design, even when new templates join the catalogue.
Short motion
Animation adds personality without becoming necessary for reading or using the signature.
Installation
Clear steps help people add a signature to their email app and check it with a real message.
Make expressive identity work inside a format with strict limits.
A signature has only a few seconds to introduce someone. It also has to survive email apps that disagree about layout, images, fonts, animation, and dark mode.
The product needed to work for a person making one signature and for a team managing many. Both should feel simple, but teams also need shared designs, clear roles, ownership, and a clear history.
The challenge was to make editing feel open and creative while keeping the installed result small, stable, and easy to restore.
What we had to balance
Creative layouts versus email limits
Motion versus quick readability
Freedom to edit versus a consistent email result
Personal style versus team consistency
Useful reporting versus recipient privacy
A growing catalogue versus stable published work
Our approach
Let the editor be rich, then prepare a simpler version for email.
Signlume keeps the editable design separate from the email-ready result. The editor can offer layers, sections, image controls, previews, and recovery without expecting an inbox to behave like a browser.
Each signature stays connected to the design version it started with. New catalogue releases do not quietly change work that has already been published.
Preview modes show common email conditions, checks flag likely problems, installation ends with a real-message checklist, and reporting is shown as an estimate rather than a confirmed open.
- Keep important information readable without images
- Prepare a clean signature for installation
- Keep each signature on its chosen design version
- Use short, optional motion with a useful final frame
- Recover work as a new draft without changing history
- Explain email differences when they affect a choice
Independent professionals
People who want a polished signature without learning email code. They can start from a design, update their details, review the result, and follow clear installation steps.
Brand and operations teams
Teams that need shared standards, clear ownership, reusable designs, clear access, and a history of what was published.
Agencies and multi-brand teams
People managing several identities who need repeatable setup, flexible media, consistent results, and designs that do not change unexpectedly.
The experience, step by step.
Explore the catalogue
Search and filter designs by category, access, and motion, then open a full preview before choosing one.
Choose a starting point
Start with the sample design, saved profile details, manual entry, or an empty draft.
Add identity details
Add names, roles, company information, contact details, links, portraits, logos, calls to action, and legal notes as separate elements.
Design visually
Arrange layers, insert sections, manage images and brand settings, and use undo, redo, shortcuts, and recovery while working.
Review real conditions
Check the design in narrow, dark, images-off, plain-text, and email-focused views before publishing.
Check and publish
Review compatibility and size, save the design, and publish an email-ready version with a plain-text fallback.
Install and test
Follow the setup guide, send a real test email, and return to earlier versions when needed.
How the different parts work together.
Each feature supports the wider experience instead of standing on its own.
Template catalogue
The library helps people find a design that fits their role, content, and visual style.
- Free, premium, static, and animated options
- Search and filters for category, access, and motion
- Full previews before entering the editor
- The chosen design kept with each signature
- Older designs kept for existing work
Visual editor
The editor keeps complex design choices understandable through direct controls and a clear structure.
- Layer list with pointer and keyboard reordering
- Insert options for identity, media, columns, social links, buttons, and legal text
- Separate areas for assets and brand settings
- Undo, redo, zoom, shortcuts, and focused controls
- Local recovery for unsaved work
Email-ready output
Publishing turns the richer design into compact code made for common email clients.
- Email-friendly table layouts and inline styles
- Live text and working links
- Limits for code size and remote images
- Plain-text output included with every publication
- No scripts, forms, or browser-only features
Image and motion tools
Image controls use the space available in the chosen design, so crops and placement stay consistent.
- Support for portraits, logos, banners, content images, and backgrounds
- Fit, Fill, and Tile placement
- Pointer, keyboard, wheel, and pinch controls
- Matching image placement in the editor and published result
- Short portrait motion with a complete static state
Team controls
Roles and ownership keep shared work organized without taking away each person’s identity.
- Clear owner, administrator, brand manager, member, and viewer access
- Shared designs for consistent starting points
- Signature ownership and publication history
- Publishing and image changes follow role access
- Warnings before leaving unsaved work
Activity reporting
Reporting shows overall activity without tracking individual recipients.
- Estimated views, clicks, and click rate
- Known scanner and privacy-proxy activity shown separately
- Breakdowns by signature, link, device group, and general location
- Simple date ranges for recent activity
- Clear language about what the numbers can and cannot prove
Key decisions
What we chose and why.
Edit freely, publish for email
DecisionKeep the editable design separate from the version installed in an email client.
ReasonThe editor can stay flexible while the final signature stays simple and consistent.
Keep identity as live content
DecisionBuild names, roles, contact details, links, and legal text as real elements instead of one flat image.
ReasonThe signature stays readable, selectable, clickable, and useful when images are blocked.
Keep published versions stable
DecisionSave the chosen design and installed result for each published version.
ReasonNew catalogue updates cannot change an existing signature without the owner choosing to update it.
Let motion finish
DecisionUse one short animation with a complete start and finish, plus static and plain-text alternatives.
ReasonMotion can add personality without distracting the reader or hiding important information.
How the details support the experience.
Identity
A handwritten stroke that ends in light.
The Lume Stroke draws the letter S as one signature-like gesture and finishes with a bright point. The custom wordmark carries the same movement across the Signlume name.
- Ink stroke with Signal Blue light on warm backgrounds
- Paper stroke with Acid light on dark backgrounds
- A monochrome version for one-color use
- A custom-drawn wordmark that stays consistent across platforms
Composition
Bold editorial pages, focused product screens.
Large type, numbered markers, fine rules, square buttons, and warm paper tones give the public site a strong rhythm. Inside the product, the same ideas become tighter grids, quieter backgrounds, and clearer controls.
- A responsive grid for wide and narrow screens
- Ink, Paper, Acid, Blue, and Pink for high contrast
- Softer Pearl, blush, lavender, violet, and mint product backgrounds
- A clear shift between brand storytelling and focused work
Interaction
Motion supports the story without slowing it down.
Reveals, movement, scale, and video help guide attention. They pause when hidden, respond to device preferences, and never replace the content itself.
- Only one main video plays at a time
- Offscreen and hidden media pauses
- Reduced-motion settings remove extra movement
- Static posters preserve the layout when video is unavailable
Imagery
Light, glass, and the product itself.
Opal forms, refracted glass, bright color, portraits, workspaces, and product screens show identity moving through different environments.
- Abstract glass and light for major brand moments
- Templates and product screens
- People and workspaces used sparingly around the product
- Warm editorial scenes balanced with darker compatibility views
Signlume, live in the browser
A real 60 fps screen recording of the current public site, using the opening six seconds to move from the Lume identity into the homepage product story.
How the product works behind the scenes.
Rendering
One design, prepared for several viewing conditions.
The editor works from one design while producing separate previews and an email-ready result. The same layout rules keep those views aligned without treating an inbox like a full web browser.
- React and TypeScript for the product interface
- Shared rules for editing, checking, and publishing
- A separate email-ready version prepared during publishing
- Clear loading and error states when a service is unavailable
Preview safety
Imported content stays separate from the app.
Imported signature code opens in a separate preview window. It cannot run scripts, open popups, submit forms, or take over the product page.
- Isolated preview windows
- Limited image sources
- No scripts, forms, popups, or downloads
- Risky code and links removed before publishing
Media placement
The image position seen in the editor carries through to email.
Before an image is cropped, zoomed, or tiled, Signlume measures the space provided by the selected design. The editor and publisher then use the same placement information.
- Measured image spaces for each design
- Consistent crop and zoom behavior
- Repeatable image preparation
- No dependence on browser-only image effects in email
Saving and recovery
Unsaved work can return without changing published history.
Recovery is kept separate by person, workspace, and signature. Saved versions and published history stay unchanged, while recovered work returns as a draft.
- Warnings before leaving unsaved changes
- Recent recovery drafts ready to reopen
- Clear save, check, and publish states
- Restored work becomes a new draft
The details that keep the experience dependable.
Compatibility
Preview it, then send a test email.
Previews cover common email conditions, but apps can still differ. Checks flag common issues, setup guides cover major clients, and the final step is a real test message.
- Design, email-ready, client-focused, images-off, dark, narrow, and plain-text views
- A static state when animation does not run
- Readable content when images do not load
- No promise that every email client will look identical
Accessibility
Important information remains usable in different forms.
Keyboard controls, visible focus, clear page structure, status messages, reduced motion, alt text, useful link labels, and plain text are part of the product experience.
- Keyboard navigation and layer reordering
- Focus management in menus and dialogs
- Reduced-motion and reduced-data options
- Live text instead of image-only identity details
Security
Access follows the person’s role and workspace.
Workspace membership controls what people can see. Roles control what they can change, and publishing and image processing happen away from the browser.
- People see only the workspace data their role allows
- Role-based publishing and image processing
- Separate access rules for public and signed-in pages
- Image uploads limited by file type and size
Catalogue updates
New designs arrive without changing old signatures.
New templates are prepared before they join the catalogue. Signatures already in use keep their original design unless someone chooses to update them.
- The website and product show the same catalogue
- Every design includes a full preview
- Templates can be explored before starting a signature
- Older signatures keep their original design
Privacy
Show overall activity without building recipient profiles.
Reporting separates known scanners and privacy services from other traffic. An image load does not mean someone read an email, and those events are not used to build individual recipient profiles.
- Overall rather than person-level breakdowns
- Scanner and privacy-service traffic labeled separately
- Link activity grouped by signature and destination
- Workspace settings control reporting
How the identity looks, sounds, and moves.
Brand principle
Identity can move, but the message must always stay clear and useful.
Signlume combines the personal gesture of a signature with a small point of light. The public brand is bold and expressive, while the product is calmer and more focused. Both use the same stroke, color signal, and direct voice.
Primary connected wordmark
The Lume Stroke is the primary mark: one signature-like S ending in a point of light. Use Ink with Signal Blue on warm light backgrounds, and Paper with Acid on dark backgrounds. Use the connected wordmark when the full name is needed and the monochrome mark for one-color production.
Primary connected wordmark
Use on Paper and Pearl when the full brand name is the main identifier.
Reversed wordmark
Use on Ink while keeping the Acid point of light.
Lume Stroke
Use the compact mark for avatars, controls, and small brand moments.
Lume Stroke reversed
Use this Paper stroke and Acid terminal on dark backgrounds.
Monochrome mark
Use this one-color version for printing, engraving, and small production.
Application icon
Use for launchers, favicons, product shortcuts, and compact touchpoints.
Signal Blue colorway
Use for selected digital campaigns and signal-led brand moments.
Acid colorway
Reserve for dark backgrounds with strong contrast.
Signal Pink colorway
Use as a secondary option for spectral and supporting brand moments.
Ink
#0A0A0AMain dark background, text, and rules
Paper
#F2EEE6Warm editorial background
Acid
#D7FF3FLight and active details on dark backgrounds
Signal Blue
#3047FFLinks, focus, and the main signal color
Signal Pink
#FF6F91Expressive secondary color
Pearl
#FFFDFCQuiet product background
Graphite
#202020Product text and controls
Mineral Blush
#F5D9DDSoft background
Mist Lavender
#DDD5F3Soft background
Crystal Violet
#C9BFE9Supporting accent
Sea Glass Mint
#D6E9E2Calm supporting accent
Syne
Large marketing headlines
Your identity, set in motion.
Plus Jakarta Sans
Marketing body text and interface
Design it. Publish it. Install it.
Newsreader
Editorial moments inside the product
A signature ready for the inbox.
Manrope
Product interface and working text
Save, check, and publish.
IBM Plex Mono
Versions and technical labels
PORTABLE HTML · VERSION 13
Voice
- Positive, plain, and concise
- Lead with what the user can do
- Use short active stages such as Design it, Publish it, Install it
- Explain a limit when it affects a choice
- Describe reporting as an estimate, not proof of attention
- Choose clear facts over broad promises
Imagery
- Opal, refracted glass, spectral light, and clean material studies
- Templates and product screens
- Portrait crops that focus on identity rather than lifestyle
- Workspaces and collaboration as supporting context
- Warm paper backgrounds balanced with deep black scenes
- Visible credits for licensed media
Applications
- Primary connected wordmark on Paper or Pearl
- Reversed wordmark on Ink
- Compact Lume Stroke for app icons and small controls
- Signal Blue for focus rings and actions
- Acid for small active details on dark backgrounds
- Large Syne headlines with fine rules
- Newsreader for editorial product moments
- IBM Plex Mono for versions and measurements
Avoid
- Do not use the legacy fixture wordmark for new brand work
- Do not redraw, stretch, typeset, or separate the connected wordmark
- Do not swap the Signal Blue and Acid light roles without a clear reason
- Do not turn important identity details into one image
- Do not use endless decorative motion
- Do not promise identical results in every email client
- Do not let imagery overpower live identity details
- Do not label work as live before it is available
Motion
Keep motion short and purposeful. Use simple reveals and movement to guide attention, pause media when it is hidden, and provide reduced-motion, reduced-data, and static alternatives. In email, animation should finish quickly on a useful portrait.
A closer look at the work.
Screens and design details from the project, with a short note about each view.
The homepage introduces the connected Lume wordmark and the design, publish, and install workflow.
The catalogue presents template choice as a design decision, with strong previews and clear context.
Search, category, access, and motion filters make the large template library easier to explore.
Quiet Line shows how a restrained signature can keep contact details readable, linked, and easy to use.
The teams page brings shared brand direction, people, roles, reusable designs, and publishing into one view.
The compatibility page shows what can change in narrow layouts, dark mode, blocked images, and different email clients.
The Gmail guide is clear about what works today: manual installation followed by a real test email.
A creative signature tool that stays practical in real inboxes.
Signlume now connects template choice, visual editing, image preparation, compatibility review, publishing, installation, version history, team controls, and reporting in one flow.
Creative layouts still respect email limits, catalogue updates do not rewrite old work, motion never replaces meaning, and reporting stays clear about what the numbers mean.
What we delivered
- A varied template catalogue
- A visual editor with matching email-ready output
- Live identity text, working links, and fallback formats
- Stable design and publication history
- Guided setup for major email clients
- Keyboard controls, motion options, privacy settings, and draft recovery
Start a project
Tell us what you need to build.
Share the product, the current stage, and the support you need. We will reply with practical next steps.
Start a project