Rotiera Brand, Sky

Logo

One tile of sky, one sign of time.

The wordmark is "rotiera" in Instrument Sans Semibold, lowercase, set tight. The mark is a rounded tile of the same sky the app uses, carrying one shape. Three options; pick one and it goes everywhere.

rotiera

A · The ring My pick

The app's blue countdown ring, the one that says "in 6 minutes". The most Rotiera thing there is: time, filling up, calmly.

rotiera

B · The card on the sky

A white card floating on the sky, like every preview in the app. Quiet and very ownable; reads more "product" than "time".

rotiera

C · The r

A cobalt lowercase r on the sky, the letter the app shows today, done properly. Simple, but says the least.

The ring holds from app icon to favicon. The tile always carries the sky; the ring is always cobalt 600.

rotiera

On ink: the wordmark turns white, the tile stays sky.

Colour

Cobalt, ink and the sky between.

The same values the app ships. Cobalt is for things that are live or chosen; ink is for text and the main button; the sky is the one place colour spreads out.

The sky

cobalt 100 → cobalt 050 → subtle, with a soft cobalt 500 glow at the top left

Cobalt 600

#2552EBThe brand blue. Rings, links, focus, selection.

Cobalt 700

#1B41C7Blue text on white and on the sky.

Cobalt 100

#E3EAFETop of the sky, selected fills.

Cobalt 050

#F1F5FFMiddle of the sky, quiet tints.

Ink

#141413Text, the main button.

Frame

#E9E9E6Behind the app's sheet.

White

#FFFFFFSheets and cards.

Line

#E1E1DEEvery border and hairline.

Came · #087A58Waiting · #8B6200Problem · #B52F36Status colours only ever mean status.

Type

Instrument Sans, one family.

The app's own typeface, free under the SIL Open Font License. Semibold for anything that names a thing; Regular for everything you read.

Display
Semibold 600 · 72 · −4.5%

One calm day.

Page title
Semibold 600 · 30 · −3%

Set up your business

Section
Semibold 600 · 20

Next client

Body
Regular 400 · 15

Sofia Almeida is due at 15:30 for a check-up with Dr Sarah Chen at Harbour London.

Label
Semibold 600 · 11–13

Business name

Parts

The pieces everything is made of.

Lifted from the app with the same sizes, corners and colours, so the website, emails and the product are one thing.

Buttons

Log inGoogleCancelCreate my business →

Black is the one main action. 8px corners. Outline for choices, quiet for leaving.

Fields

sam@northsidephysio.com

Business name

Northside Physio

40px high, 8px corners, cobalt focus with a soft cobalt 100 halo.

The stage

A live, true picture of what is being made, on the sky.

New package

10 sessions

✓Good for 1 year
–No services chosen yet

Time and status

In 45 minIn 6 minNow

BookedCame2 min lateDidn't come

The ring is the one way Rotiera shows time running. Flat everywhere; only cards on the sky and menus float.

In use

Already living in the product.

These are real screens from test.rotiera.com. The brand is what the app already does at its best.

rotieraEvery branch.
Every person.
One calm day.Social post

rotiera

See you Wednesday at 15:30.

Check-up with Dr Sarah Chen at Harbour London, 12 King's Road.

Add to calendar Move or cancel

Email header: the sky band with the logo; body plain white.

Files

Take it with you.

Once you pick the logo, I put it in the app (sidebar, log in, favicon, booking page, emails) and make the full kit: SVG and PNG logos, app icon, social avatars and banners.

Instrument Sans licence