Skip to content
Filli
Start a room

Brand.

Try the mark.

Pick a ground and an ink. Copy it.

Ground
Ink
Filli mark

Colour tokens.

plum-900
plum-600
plum-200
butter
sage
sky

The mark.

Keep all three notches clear.

Three cards fanned out
A bell
Push
An envelope
Email
A phone
Text
A paper plane
The Loop
A room
A room
A stack of Tabs
Tabs
Three cards fanned out
Share cards
A magnet
A pinned note
A community
A community
A class
A class
Clients
Clients
A team
A team

TabCard variants.

White

Use this on a white page.

Soft plum

Use this when a quiet distinction helps.

Inverse

Use this for a clear plum register.

Wax seals.

Small Filli seal

Small

Standard Filli seal

Standard

Large Filli seal

Large

Blob geometry.

Duotone

Every photograph on the site renders plum-900 to white through the shared filter.

Words to avoid.

  • submit
Rules

Do

  • Keep all three notches clear.
  • Use the plum tokens.
  • Render the mark at 28px or larger.

Do not

  • Never recolour the mark outside the plum tokens.
  • Never place the mark on a photograph.
  • Never rotate it except when the wax seal does.
  • Never render it below 28px; the notches close up.
Vocabulary

Vocabulary.

Space

The full place that contains your Rooms.

Room

A shared place for one group or purpose.

Tab

A named part of a Room.

Post

Something shared in a Tab.

Pin

A Post kept easy to find.

Loop

The cadence that brings changes together.

Announcement

A message sent when it needs attention.

Listener

Someone who receives things through a chosen channel.

Guest

Someone invited to take part without a paid seat.

Brand Kit

The shared look used across a Space.

Share

A way to send one thing beyond its Room.

Recap

A clear account of what changed.

Downloads

Use the SVG wherever you can. The PNGs are for places that will not take one.

Mark, plum, SVG