Brand system & SaaS UI

Luna

A brand-making workspace that carries a visual idea from editable shapes to a shared identity system, rather than stopping at a single logo image.

Focus: Brand management · Product UI/UX · Local pilot
Status: Local prototype + interface study
Design: 2026

A logo is a beginning, not a handoff.

A small team needs more than an image: editable artwork, colours it can reuse and a reference for applying the identity consistently. Luna connects those tasks in one workspace. The pilot’s sequence moves from a project idea to Build, Render, Guidelines and Export, keeping the identity as shared state rather than separate files.

Keep the decision and its result together.

The canvas stays central. Naming and colour controls sit beside the result, and the same choices carry into the guide and handoff views. Try changing the brand name or palette, then switch stages. This small demonstration uses the pilot’s actual palette directions; it does not save data or connect to a service.

Brand workspace / UI study

Luna

A little space to make it yours.

Editable shapes + type + colour

A workspace with a legible sequence.

Build

Editable primitives, type and colour make the result understandable. The user can inspect what an identity is made from.

Guidelines

The visual decisions become a reference. Keeping the same source values avoids the guide drifting away from the artwork.

Handoff

Formats are presented by purpose: editable artwork, everyday images and shared guidance. Export is a continuation of design, not an isolated download button.

A calm surface around expressive work.

The pilot’s plum and cream palette separates the tool from the work. Lavender marks selection without competing with the identity on the canvas. A restrained sans-serif interface leaves room for each brand’s own typographic voice.

Workspace ink

#2F2A44

Selection

#C8B6FF

Canvas

#F8F5EF

Type

#171717

A pilot with clear boundaries.

The source pilot stores projects in the browser and includes basic editing, history, guideline views and export experiments. It is not a full vector engine. Material treatments are CSS studies, authentication is simulated and the export serializer needs further work. On mobile, reviewing an identity is more realistic than reproducing a desktop studio at miniature scale.

Consistency is the product.

The useful test is whether a person can recognise their decisions across every stage—and correct one without repairing several disconnected outputs. Before a production release, the pilot needs a shared export model, durable storage and interaction testing. The design case here is the continuity between making a mark and making it usable.