Lumen · Design · Service 3 of 4 · Kinetic layer

Interfaces and the reusable systems behind them, so every surface stays consistent as the estate grows.

UI Design and Design Systems

UI Design and Design Systems

For multi-brand or multi-language organisations we design the theming and localisation architecture up front, including right-to-left support and typography for scripts beyond Latin.

Capabilities

  1. 01

    Screens, states, responsive behaviour and motion for web and native platforms.

  2. 02

    Tokens, components, patterns and governance, in design tools and in code.

  3. 03

    Standards compliance, testing and inclusive design practices built into the system.

  4. 04

    Multi-brand theming, RTL support and typography for global products.

In the Operational Model

The design system is the visual grammar of the kinetic layer. Because components are tied to object types and actions, interfaces across the estate present the same concept the same way.

Read the approach

Where this service sits in the model

Adaptive layerKinetic layerSemantic layerFoundation layer

What you receive

deliverable / 01Design system foundations and tokens
deliverable / 02Component library in design tool and code
deliverable / 03Pattern and usage documentation
deliverable / 04Accessibility audit and standards
deliverable / 05Governance and contribution model

Related services

Back to Lumen
Digital Product Design

Lumen

Digital Product Design

End-to-end design of web and mobile products, from problem definition to shipped, measured interfaces.

CMS Platforms

Orbit

CMS Platforms

Content platforms that serve every channel and language from a single structured source.

Brand Foundation

Vector

Brand Foundation

Positioning, identity and the governing system that keeps a brand coherent across every surface.

Contact

Talk to a practice lead about Lumen.

info@metateam.devReply within two working days.