The head pulls away (220ms, power2.in), the tail snaps after it (300ms, expo.out), and a fresh arrow grows from the tail. Logo hover, buttons, confirmations.
Faloos · brand sheet
Concept 05 · Arrow
Proposal, not final artwork
One glyph does the work.
Every Faloos payment is a sentence, @shah#trustfund £50 => @amira#rainyday, and its arrow is the brand. It is the logo, the layout and the motion. Everything else is near-black type on paper, on a strict grid.
01
The mark
Drawn, not typedThe arrow is geometry, not a font glyph: two bars and a 90° chevron, with the weight set at 0.36 of the chevron’s half-height.
One function draws every arrow you see on these pages, from the favicon to the arrow that travels between sections. That’s why one arrow can stretch into the next without a seam.
- Always Signal. Never outlined, never a gradient, never a shadow.
- It points right on wide screens and down on phones. It never points left or up.
- It stretches to fill a line. The chevron keeps its size.
Primary lockup · Paper
Primary lockup · Ink
Kinetic wordmark · the arrow slides between letters
Stacked · for square formats
Minimum sizes
Favicon · 16 / 32
Lockup · 72px wide
Glyph · 12px tall
Favicon · 16 / 32
Clear space
Keep one chevron height (2 s) clear on every side.
Rejected study · F monogram
An F whose arms are the equals sign. Clever large, but below 32px it reads as a flag, so the bare arrow carries the brand instead.
02
Colour
Monochrome plus one signalNear-black and paper, reversing section by section, plus one electric orange. If it’s orange, money is moving or you can press it. Nothing else is ever orange.
Why orange: it’s the colour of things that move and must be seen, from signal flags to the red-orange of Swiss posters. It sits at hue 34, warm of alarm red, so it reads as “go” rather than “error”. It stays readable as a graphic on both grounds and makes the arrow the brightest thing on any screen.
PaperInk
03
Type
Paper Mono for syntax, Inter for words
Paper Mono · OFL · variable 100–800
@shah#trustfund £50
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 £@#&?!.,:;()+−=>
The brand face for handles, nicknames, amounts and labels. It’s monospaced and variable, so weight can change without moving a single letter: handles sit at 650 and nicknames at 220, and the composer fits a poster with arithmetic instead of measuring.
Inter · OFL · 400 and 600
your bank their bank
The display and text face. It’s a neutral neo-grotesk that holds up on a Müller-Brockmann grid, cut tight at display sizes (−0.052em) so a sentence reads as one shape. We turn on cv05 and cv08 so l, I and 1 never get confused in a handle. It’s open-licence, with tabular figures and wide language coverage.
Poster
Paper Mono 230 / 680 · fitted to the last letter · −0.02em
The composer
£50
Hero
Paper Mono 220 / 650 · 9.3vw (13.4vw phones) · 0.98
The opening sentence
@shah#trustfund
Sentence
Inter 600 · 7.4vw · 0.98 · −0.052em
Every pillar, lowercase
face => approved
Display
Inter 600 · 4.3vw · 1.0 · −0.042em
Headlines
Pay friends bank to bank.
Title
Inter 600 · 1.9vw (21–28px) · 1.15 · −0.022em
Pillar headings
Nothing moves until you approve it.
Body
Inter 400 · 17px (16px phones) · 1.5
Paragraphs
Choose the bank you already use and approve it in your bank’s app.
Label
Paper Mono 500 · 12px · caps · +0.06em
Grid labels, buttons, metadata
03.2 · Where the money goes
04
Voice
Write it as a sentenceShort, declarative, a little dry. Say what happens, in the order it happens, and stop.
- Handles and nicknames stay lowercase, exactly as typed.
- Every amount is set in Paper Mono, in pounds.
- One idea per line. The arrow replaces “sent to”.
We sayWe don’t say
@shah £50 @amira
Shah has sent a payment of £50.00 to Amira.
Nothing moves until you approve it.
Unlock seamless peer-to-peer payment experiences.
We never hold your money.
Your funds are safe with us.
Just pick your bank.
Connect your financial institution via our secure integration.
#rainyday
Savings Account (••••1234)
05
Motion
Precise, never bouncyyour banktheir bank
Left to right on wide screens, top to bottom on phones. On the landing page one arrow travels from sentence to sentence as you scroll, docking in each.
#rainyday
Emphasis comes from Paper Mono’s weight axis, not from scale or springs. The letters never move, because the font is monospaced.
their bank
Sentences arrive widely tracked and tighten into place over about a second, ending at −0.052em.
- snap
- 180ms · UI feedback
- release
- 300ms · expo.out
- arrive
- 0.9–1.15s · expo.out
- travel
- scroll-linked · power3.inOut
Never: overshoot, elastic bounce, blur, parallax, or anything that loops while it’s off-screen.
Reduced motion: everything is set in its final place, the arrow sits docked in every sentence, and nothing travels.
06
The arrow system
Feed, receipts, notifications, icon
Feed
- @shah £50 @amira2m
- @jonno £12.50 @shah1h
- @priya#holiday £8 @jonno3h
Receipt
£50.00
@shah#trustfund
@amira#rainyday
faloos · now@amira £12.50 you
“half the pizza” · into #trustfund
faloos · requestyou £12.50 @jonno?
@jonno asked for this. Approve with your face to pay.
Share code · split
K7Q2XD9 £6.50
£48 ÷ 4 £12 each
App icon proposal
The bare arrow on Ink. It’s the brightest icon on a home screen without using a single extra colour.
Full-bleed 1024 artwork; the platform applies the corner mask. Alternates: Paper for light store art, and a single-colour version for tinted home screens.