Skip to content
atom®technologies
Interface foundation

The Atom interface.

A shared visual language for engineering work and the decisions around it. Built with native type, original geometry, and controls you can inspect.

01 / Identity

An orbital signature.

atom®technologies
The company wordmark, at its interface size.
Three intersecting orbits. One shared center.
02 / Color

Color follows function.

Canvas#080a0a
Surface#101413
Raised#171d1a
Text#f0f1ec
Muted#9ba39e
Border#2b3430
Accent#c5f277
Accent ink#142108
Control border#606e65
Error#f4aa98

Lime directs attention to actions. Form boundaries use a stronger rule, and errors pair a distinct color with a written explanation.

03 / Type

Room for the work to speak.

Display / Fluid

Beyond the margin of failure.

Heading / Fluid

Evidence for the next decision.

Body / Native sans

We build and modernize the software your products and revenue depend on, from transaction engines to production AI.

Native fonts render immediately. Monospace labels identify sections and technical context; longer passages use the sans-serif stack.

04 / Controls

Actions with a clear result.

Navigation

Links open destinations. The text treatment keeps supporting navigation distinct from the primary action.

Buttons / Resumable state

The detail is closed. Reset is disabled until it opens.

05 / Fields

Help at the point of input.

Enter a short decision, then check the field.

This example stays in the page and clears when you leave.

Read-only text remains selectable and available to keyboards.

Unavailable controls keep their label and context.

06 / Surfaces

Depth through tone.

Canvas

The page background.

Surface

Related content held together.

Raised

A result or active context within a surface.