Warm paper, deep ink, one signal.
Lobbyface sells a face that represents a business. The brand looks like the businesses we serve want to look: calm, precise and human. Most of every screen is paper and ink; the signal colour marks what is alive.
A doorway and a person.
The mark is an arch, the entrance to a lobby, with a person inside it: the head in the signal colour, the shoulders cut out of the arch. The wordmark is Instrument Sans SemiBold in lower case, slightly tightened, drawn as outlines.
Keep clear space of at least one head diameter (the signal circle) on every side of the logo.
Lockup 20 px tall on screen. Mark alone 16 px; below that, use the app icon.
Recolour the head, stretch, add shadows or gradients, set the wordmark in another font, or put the logo on photos without an ink or paper panel.
Mostly paper. Sometimes ink.
Paper is the page; ink is text, primary buttons and the dark sections that hold 3D. Signal is used sparingly: the head in the mark, live states, one highlight per view. On paper, accent text uses Signal Ink, which passes contrast.
Text, primary buttons, dark sections
on paper 16.5 : 1 · on ink 1.0 : 1
Surfaces on dark sections
on paper 14.8 : 1 · on ink 1.1 : 1
Page background
on paper 1.0 : 1 · on ink 16.5 : 1
Alternate sections, cards
on paper 1.1 : 1 · on ink 14.9 : 1
Borders and dividers on paper
on paper 1.3 : 1 · on ink 12.6 : 1
Secondary text on paper
on paper 5.2 : 1 · on ink 3.2 : 1
Accent: the head in the mark, live states, one highlight per view; not for body text on paper
on paper 2.8 : 1 · on ink 6.0 : 1
Accent text and links on paper (passes contrast)
on paper 5.1 : 1 · on ink 3.2 : 1
Three voices, one page.
Instrument Sans carries everything. Instrument Serif italic marks the one or two words of a heading that matter most. JetBrains Mono labels, indexes and data, like the lip sync readout.
Few parts, used the same way.
Buttons are pills with an arrow that moves on hover. Cards have an 18 px radius and a 1 px border on paper, none on ink. Sections open with a mono index, a short rule and a label.
Where a face sells.
Can I check in early?
Of course. Shall I request it for you?
3D proves, it doesn’t decorate.
Our 3D objects are the product working: Riya's real face, scanned into lines and moved by our own lip sync network. One 3D object per view, always on ink, points in paper, signal only where something moves. It pauses off screen and holds still for people who prefer reduced motion.
Say less, show the product.
Real screenshots of hosts we built, never stock photos of people or robots. Crop in on the host; keep the interface visible.
Content fades up 14 px over 700 ms once, as it enters. The 3D face follows the pointer gently. Nothing loops except live states.
A 1200 px grid of 12 columns, 20–32 px gutters, generous vertical space (96–128 px per section). Headings left-aligned.