Brand book · Crest

01Identity

Logo

A heraldic shield formed by a single bold C. The opening on the right becomes the shield's inner field, and a three-point crown notch sits on top. It works embossed, debossed, foil-stamped, engraved, and at 16 px.

Primary mark · Gold on Obsidian

CREST

Good credit, crowned.

The primary tagline: website hero, app splash, out-of-home sign-off.

Construction

Drawn on a 48 × 56 unit grid. The diagram is generated from geometry.ts, so if a number changes, this drawing, the mark and the Crown coin change with it.

1
Crown notch
Three points on the top edge at x = 14, 24, 34. The centre point is 5 units tall, the outer points 3.5, with triangular notches between.
2
The C
A 7-unit stroke following the shield's inside at an 8-unit inset.
3
Opening
60° on the right, from 330° to 30°. The C's mouth becomes the shield's inner field.
4
Shield
Flat top at y = 4, curved base meeting at (24, 54). Each side is a 28-unit-radius arc.
5
Grid
48 × 56 units, a 6:7 ratio. One unit is one pixel at 56 px.

Wordmark

CREST

CREST in Instrument Serif, all caps, tracking +120. Cap height is 0.62 × the symbol height. The symbol sits left, with a gap of 0.5 × its width.

Clear space

Keep a margin of x on every side, where x is the height of the crown's centre point, doubled.

Symbol

x = 5 × 2 = 10 units at base scale.

CREST

Lockup

The same x around the whole lockup: 12.9 px at a 72 px symbol.

Unit x: Crown centre-point height (5) × 2 = 10 units
Applies to: All four sides, for the symbol alone and for the lockup
Nothing enters: Text, edges, other marks and photography stay outside the dashed line

Minimum sizes

Every rendering below is real, at the size it is labelled. Below the minimum the crown points fall under a pixel, so at 16 px they are dropped.

Symbol · 16 px on screen

6 mm in print. 4 mm for engraving or deboss.

CREST

144

CREST

200

Lockup · 96 px wide on screen

28 mm wide in print.

6 mm

4 mm

CREST28 mm

Print and engraving

Drawn at 1 mm = 3.78 px, so the size on your screen is approximate.

Variants

Eight approved renderings. Everything else is a misuse.

01CREST

Gold on Obsidian

Primary. The app, the website hero, Treasury.

02CREST

Obsidian on Bone

Light. Editorial sections, the brand portal, print.

03CREST

Bone on Emerald

Partner and event materials.

Emboss

Deboss

Blind emboss and deboss

No ink. Packaging, letters, the metal card.

Gold foil

Black foil

Foil

Gold foil or black foil on black board. Rendered approximation.

Crown coin

The symbol in a 64-unit circle with a milled edge of 96 ticks. Used for Crowns.

App icon

1024 × 1024. Brushed-gold symbol, 56% of the canvas, on #0A0A0A.

Brand book · Crest

32 px

16 px

Favicon

Symbol only, Gold on transparent. At 16 px the outer crown points are dropped.

Misuse

Five ways the mark gets spoiled. Each wrong example is deliberately wrong.

CREST

Don't add shadows, bevels or glows in flat applications

Glow is for motion only.

CREST

Do this insteadFlat ink on flat stock.

Don't recolour the symbol with an issuer's colours

Saffron, Tidewater and Bayleaf are fictional issuers. The mark never wears a partner's ink.

Do this insteadGold, Obsidian or Bone. Nothing else.

Don't rotate the shield or put it in a circle

The Crown coin is the only circle.

Do this insteadUpright, or on the Crown coin.

crest

Don't set the wordmark in another typeface or in lowercase

This is General Sans, lowercase.

CREST

Do this insteadCREST: Instrument Serif, all caps, tracking +120.

CREST

Don't put the gold logo on Bone

Gold on Bone is 1.9 : 1. It fails.

Do this insteadObsidian, or Gold Ink #7A5C24.

The short version

One shape, three inks, flat.

Gold on Obsidian, Obsidian on Bone, Bone on Emerald. If a rendering is not in the variants above, it is not the logo.

02Tokens

Colour

Crest is dark-first. The customer app, the website hero and Treasury default to Obsidian. Bone is for editorial website sections, the Crest for Brands portal, and print. Gold is the only colour that is allowed to shine.

Core palette

Seventeen tokens. Select a hex to copy it. The Aa sample shows the better of Bone and Obsidian on each swatch, with its computed WCAG verdict.

ObsidianSurfaces and hairlines on dark

AAA

obsidian

Primary dark surface, primary ink on light

AAA

obsidian-800

Raised surface (cards, sheets)

AAA

obsidian-700

Second raised surface, input fields

AAA

obsidian-600

Pressed, hover

AAA

line-dark

Hairlines on dark

GoldThe accent, and its light and shadow

AAA

gold

Brand accent, primary CTA fill on dark, Crowns

AAA

gold-300

Highlight, specular, gradient top

gold-700

Gradient shadow, pressed CTA

gold-ink

Gold-coloured text on light surfaces (AA-safe)

BoneLight surfaces and secondary text

AAA

bone

Primary light surface, primary text on dark

AAA

bone-200

Raised light surface

AAA

bone-muted

Secondary text on dark (large text only)

muted-dark

Secondary text on dark (AA at body size)

SignalsStanding, success, warning, danger

AAA

emerald

Accent surface: Standing, Laureate, partner collateral

emerald-400

Success on dark, positive deltas

AAA

amber

Warning (due soon, utilisation 30–50%)

ember

Danger (overdue, fees, errors)

Semantic roles

Components never read the palette, only these twelve roles. Values come straight from theme.dark and theme.colors. A light value that is not a palette token is a tonal variant: the text roles are darkened to pass AA on Bone, and the hairline is a quiet tint.

Semantic colour roles with their dark and light values
Role	Dark	Light
surfacePage background	#0A0A0Aobsidian	#EDE6D8bone
surfaceRaisedCards and sheets	#131311obsidian-800	#E3DACAbone-200
onSurfacePrimary text	#EDE6D8bone	#0A0A0Aobsidian
mutedSecondary text	#8F887Amuted-dark	#5E584Dderived for Bone
primaryPrimary button fill	#C9A45Cgold	#0A0A0Aobsidian
onPrimaryLabel on the primary button	#0A0A0Aobsidian	#EDE6D8bone
accentStanding and Laureate surfaces	#0F3B2Eemerald	#0F3B2Eemerald
goldTextGold-coloured text	#C9A45Cgold	#7A5C24gold-ink
successPositive deltas	#3FA37Aemerald-400	#1E6B4Cderived for Bone
warningDue soon, utilisation 30 to 50%	#E0A43Aamber	#8A5A0Bderived for Bone
dangerOverdue, fees, errors	#D0583Cember	#A63A22derived for Bone
lineHairlines	#3A372Fline-dark	#CFC5B3derived for Bone

The October Edit

Your Standing rose to 792.

Utilisation did most of the work.

Harbour Obsidian

₹48,210

On timeDue in 4 daysFee ₹4,812

Pay in fullStanding

theme.dark: the default

The October Edit

Your Standing rose to 792.

Utilisation did most of the work.

Harbour Obsidian

₹48,210

On timeDue in 4 daysFee ₹4,812

Pay in fullStanding

theme.colors: Bone

Gradients and materials

Three materials, each a CSS variable and a utility class. Gold-brushed carries a stripe of SVG noise at 6% opacity for the brushed grain.

Gradient + grain at 6%

The grain layer, isolated at 100%, is the swatch on the right.

gold-brushed

Primary button on dark, the Crown coin, app icon, foil.

Gradient

Good credit, crowned.

obsidian-sheen

Hero and screen backgrounds, the metal card.

Gradient

Members in good standing.

emerald-velvet

Standing, Laureate and partner collateral.

Utilities: bg-gold-brushed, bg-obsidian-sheen, bg-emerald-velvet.

Contrast

The ten pairs from the spec, recomputed in your browser from the palette hex values by wcag.ts. The computed number is the one shown, and a test keeps every row within 0.15 of the printed spec.

Bone on Obsidian
#EDE6D8 on #0A0A0A
Primary text on dark
15.9 : 1
AAA
Gold on Obsidian
#C9A45C on #0A0A0A
Accent text, Crowns, the logo
8.4 : 1
AAA
Muted on Obsidian
#8F887A on #0A0A0A
Secondary text at body size
5.6 : 1
AA
Ember on Obsidian
#D0583C on #0A0A0A
Danger, fees, errors
4.8 : 1
AA
Emerald-400 on Obsidian
#3FA37A on #0A0A0A
Success, positive deltas
6.3 : 1
AA
Bone on Emerald
#EDE6D8 on #0F3B2E
Text on Standing and partner surfaces
10.0 : 1
AAA
Gold on Emerald
#C9A45C on #0F3B2E
Accent on Standing and Laureate
5.3 : 1
AA
Gold Ink on Bone
#7A5C24 on #EDE6D8
Gold-coloured text on light
5.0 : 1
AA
Gold on Bone
#C9A45C on #EDE6D8
Never use for text
1.9 : 1
Fail
Obsidian on Gold CTA
#0A0A0A on #C9A45C
Label on the primary button
8.4 : 1
AAA

Body text passes at 4.5 : 1 (AA) and 7 : 1 (AAA). Large text passes AA from 3 : 1. The bars use a log scale, with ticks at 3, 4.5 and 7.

03Typography

Type

Three families and one scale. Instrument Serif for the moments that should feel like a masthead, General Sans for everything you read, Geist Mono for every number you might want to check.

Three families

Each family loads with a size-adjusted fallback, so the page does not shift while the fonts arrive.

Display

AaGood credit, crowned.

Instrument Serif

Source: Google Fonts, via next/font/google
Weights: 400, 400 italic
Fallback: Cormorant Garamond, Georgia

UI and body

AaRegular · Medium · Semibold

General Sans

Source: Fontshare, self-hosted via next/font/local
Weights: 400, 500, 600
Fallback: Inter, system-ui

Numerals and mono

₹480123456789 · ₹ · •••• 4021

Geist Mono

Source: Google Fonts, via next/font/google
Weights: 400, 500
Fallback: ui-monospace

The scale

Twelve tokens, each a single text-* utility that sets family, size, line-height, weight and tracking together. Every specimen below is rendered with that utility, and its numbers are read from typeScale.

display-xl
Website hero, Crownfall total
Good credit, crowned.
Instrument Serif56 / 56400tracking −1%
display-l
Screen hero
Welcome in, Aditi.
Instrument Serif40 / 44400tracking −0.5%
display-m
Section titles, product names
The Sunday Draw
Instrument Serif30 / 34400tracking 0
title
Sheet titles, card names
Harbour Obsidian
General Sans20 / 26600tracking 0
body-l
Primary body
Somewhere between the statement date and the due date, millions of Indians quietly do the right thing.
General Sans17 / 24400tracking 0
body
Default
Paying the minimum ₹2,411 instead of ₹48,210 costs about ₹2,133 in interest and GST next month.
General Sans15 / 22400tracking 0
label
Chips, tabs, field labels
CardsCrownsStandingCrownhouse
General Sans13 / 18500tracking +2%
caption
Footnotes, legal
No purchase needed. Every on-time payment earns a ticket.
General Sans12 / 16400tracking +1%
overline
Section eyebrows
The October Edit
General Sans11 / 14600tracking +14%uppercase
amount-xl
Amounts due, score
₹48,210
Geist Mono44 / 48500tracking −2%tabular
amount
Inline ₹ and Crowns
1,450 Crowns (₹362.50)
Geist Mono17 / 22500tracking 0tabular
card-number
Card art
•••• 4021
Geist Mono15 / 20400tracking +18%

Website scale

On the website the display sizes multiply by 1.5 from 1024 px wide, through the opt-in .scale-display class. The section titles on this page use it: resize past 1024 px and they grow. The phone frame never does.

Display sizes in the app and on the website
Token	App	Website, 1024 px and up (× 1.5)
display-xl	56 / 56	84 / 84
display-l	40 / 44	60 / 66
display-m	30 / 34	45 / 51

Hindi

Devanagari falls back to Noto Sans Devanagari (400, 500, 600). It sits smaller than Latin at the same size, so body sizes get +1 px and a line-height of × 1.1. Product names such as Crowns, Standing and Clean Sheet stay in Latin script.

TokenEnglish, as specifiedHindi, +1 px and × 1.1

body-l
17 / 24
→ 18 / 26.4
All quiet. Which, with money, is good news.
सब शांत है। पैसों के मामले में यही अच्छी ख़बर है।
body
15 / 22
→ 16 / 24.2
Paid. Harbour Bank has it.
भुगतान हो गया। Harbour Bank तक पहुँच गया।
label
13 / 18
→ 14 / 19.8
What's hurting
क्या नुकसान कर रहा है
caption
12 / 16
→ 13 / 17.6
+964 Crowns. The Clean Sheet continues.
+964 Crowns. आपकी Clean Sheet बरकरार है।

The voice stays as restrained in Hindi as in English: natural, conversational Hindi rather than bank-form Hindi.

सब शांत है। पैसों के मामले में यही अच्छी ख़बर है।

Don't

भुगतान सफलतापूर्वक संपन्न हुआ

Do: names stay Latin

आपकी Clean Sheet बरकरार है।

Don't: transliterate them

आपकी क्लीन शीट बरकरार है।

Every Hindi line in the product still needs a native-speaker review before it ships.

04How we sound

Voice

Crest talks like a club that is sure of itself and has no need to prove it. Four principles, one rule about money, and the names we keep using.

Personality

exclusive but not snobbish · witty but never silly · understated luxury · a little self-aware · scrupulously honest about money

Imagine the voice as a club secretary who has seen everything: dry, kind, precise, and occasionally funny. Never shouting, never using exclamation marks about money.

Four principles

Each one comes with the line we would write and the line we would not. The second line is always something a bank might send.

Principle 1

Understate

Short sentences. Let the craft do the showing off.

Don't

Paid. Harbour Bank has it.

Don't

Woohoo!! Your payment was SUCCESSFUL 🎉🎉

Your Standing rose 4 points.

Don't

AMAZING! Your score is ON FIRE!

Principle 2

Numbers first, honestly

Always show ₹ next to Crowns. Never hide a fee, a cost, or odds.

Don't

1,450 Crowns (₹362.50)

Don't

1,450 Crowns!

(with no value)

Paying the minimum ₹2,411 instead of ₹48,210 costs about ₹2,133 in interest and GST next month.

Don't

Pay minimum due now

(shown as an equal option)

Principle 3

Dry wit, used sparingly

A wink in places where no money is at stake: empty states, "better luck" lines, careers. Never in errors about money.

Don't

Goldleaf miss

Not this time. Your Standing remains immaculate, which is rather the point.

Don't

Payment failure

Oops, the money gremlins struck again 😜

Careers

We're picky here too.

Don't

Error

Well, this is awkward…

Principle 4

Welcome, don't reject

Gatekeeping is part of the brand. Humiliation is not.

Don't

Not yet. You're 38 points away. Here's the shortest route.

Don't

Sorry, you are not eligible.

You're in the Lobby. Standing is open to you now.

Don't

Access denied.

Hindi voice

Keep the same restraint. Use natural, conversational Hindi rather than bank-form Hindi.

Don't

भुगतान हो गया। Harbour Bank तक पहुँच गया।

(In English: Paid. Harbour Bank has it.)

Don't

भुगतान सफलतापूर्वक संपन्न हुआ

(bank-form Hindi)

English product names

Crowns
Standing
Crownhouse

stay in Latin script inside Hindi strings.

The naming system

Everything is named in English, in the same register: short, club-like and literal. Crest is one word with three meanings, and the brand uses all of them.

01
A heraldic crest
The emblem of a family or club. Being a member means wearing one.
02
The crest of a wave
The peak. Good credit is being at the top of your financial wave.
03
A crest on a coin or seal
A mark of authenticity. Every Crown carries it, and every letter is sealed with it.

It is one syllable, easy to say in every Indian language, has no Hindi or brand collisions in the category, and turns naturally into a symbol (a shield built from a single C).

Company / app
Crest
The club emblem
Reward currency
Crowns (singular: Crown)
What sits above a crest in heraldry. A plural coin name.
Published currency value
The Crown Rate
Sounds like an exchange rate: fixed, public, dull on purpose
Coin-rain moment
Crownfall
Compound: Crown + fall
Scratch card
Goldleaf
You scratch away real-looking gold leaf
Weekly jackpot
The Sunday Draw
Plain, club-like, and says when it happens
Store
Crownhouse
Compound, like a clubhouse where Crowns are spent
Monthly editorial collection
The Edit
e.g. "The October Edit"
Credit-score screen
Standing
"Members in good standing"
Waitlist
The Lobby
Where you wait before you're shown in
On-time streak
Clean Sheet
Cricket and football term for a spotless record, familiar Indian English
Tiers
Member → Fellow → Laureate
Club and academic ranks. A laurel wreath is a kind of crown.
Invites
Keys
Members hold Keys to let others in
Late-settlement guarantee
The Crest Promise
We pay any late fee if our settlement is late
Hidden-fee detector
Fee Watch
Plain utility name
Pay-in-full nudge
Full Clear
Says what it does
Brand portal
Crest for Brands
Descriptive
Internal rewards-ops console
Treasury
Where Crowns are minted and watched
Physical metal card
The Members' Card
Not a credit card. It's an identity card for the club.
Pop-up venue
Crest Lounge
Fictional networks (on card art)
Vantage, Orbis, Kite
English words, deliberately not real networks

Taglines

One primary line, four supporting lines for particular places, and one we retired.

Primary tagline 1

Good credit, crowned.

Website hero, app splash, OOH sign-off.

2
You paid on time. We noticed.
OOH headline, push copy, onboarding
3
Rewards with a printed price.
Crown Rate section, trust messaging
4
The club for people who pay on time.
Descriptor under the logo in press and app-store copy
5
Every card. One calm place.
Wallet feature line
6
Not everyone gets in.
Retired
Its structure is too close to a category leader's tagline (see 02 §2.1). Do not use.

The brand story

The story is the voice at length. Every principle above shows up in it somewhere.

Somewhere between the statement date and the due date, millions of Indians quietly do the right thing. They pay in full. On time. Every month. Nobody claps. The bank sends an SMS with a reference number. The reward points lose a third of their value by spring.
Crest was founded on a simple belief: good financial behaviour deserves the ceremony we usually save for luck. So we built a club. Members pay every card in one calm place. Each payment earns Crowns, and each Crown has a printed price, the same way a coin does. You spend them at Crownhouse, a small, obsessively edited store of Indian makers, kitchens and hideaways. And we show you your Standing, so you always know what's working.
We are picky about who gets in, but we also tell you exactly how to get there. Good credit is a craft. We think it should be crowned.

The Crest story, 151 words.

05Words in use

Copy bank

44 strings, each set the way it appears in the app. The app imports the same file, brand/copyBank.ts, so what you read here is what ships, character for character.

44 strings used verbatim in the app

Onboarding

01Splash sub-line
21 characters
Good credit, crowned.
02Invite screen
27 characters
Kabir has saved you a seat.
03No invite
77 characters
Crest is invite-only. Check your Standing. If you're 750 or above, you're in.
04Consent
71 characters
We'll do a soft check with Clearview Bureau. It won't touch your score.
05Vault checking
23 characters
Checking your Standing…
06Approved
18 characters
Welcome in, Aditi.
07Waitlisted
31 characters
Not yet. You're 38 points away.
08Lobby
62 characters
You're in the Lobby. Standing is yours to use while you climb.
09Cards found
30 characters
We found 3 cards in your name.
10Welcome gift
35 characters
A small welcome: 500 Crowns (₹125).

CTAs

11Pay button (Aditi's bill)
11 characters
Pay ₹48,210
12Full Clear alternative
11 characters
Pay in full
13Goldleaf card
17 characters
Scratch to reveal
14Sunday Draw entry
14 characters
Enter the Draw
15Crownhouse checkout
12 characters
Spend Crowns
16Website and waitlist
17 characters
Request an invite
17Keys screen
10 characters
Send a Key
18Standing screen
18 characters
See what's hurting

Success

19Payment
26 characters
Paid. Harbour Bank has it.
20Crownfall caption
39 characters
+964 Crowns. The Clean Sheet continues.
21Settlement
53 characters
Settled in 1 min 42 s. Your Clean Sheet is 15 months.
22Order
47 characters
It's yours. Monsoon Roasters is packing it now.
23Goldleaf win
24 characters
150 Crowns. Nicely done.
24Draw win
75 characters
Your ticket, number 0417, came up. Your next bill is on us (up to ₹50,000).

Empty states

25No cards
48 characters
No cards yet. Your wallet is suspiciously light.
26No Goldleaf
62 characters
No Goldleaf waiting. Pay a bill of ₹5,000 or more to earn one.
27No orders
53 characters
Nothing ordered yet. Crownhouse is open when you are.
28Inbox empty
43 characters
All quiet. Which, with money, is good news.
29Lobby Standing empty
61 characters
We'll show your score history after your next bureau refresh.

Errors

30Payment failed
97 characters
Payment didn't go through. No money has left your account. If it did, it returns within 48 hours.
31Network
76 characters
We can't reach the rail right now. Your bill is safe. Try again in a minute.
32Not enough Crowns
73 characters
You're 1,250 Crowns short. Slide back to use fewer, or pay the rest in ₹.
33OTP wrong
37 characters
That code didn't match. 2 tries left.
34Tilt permission denied
54 characters
No tilt? No problem. Drag the card to catch the light.

Push and notification banners

35Due soon
71 characters
Crestnow
Harbour Obsidian: ₹48,210 due in 4 days. Pay early for 20% more Crowns.
36Statement ready
71 characters
Crestnow
Your Saffron Cashback statement is in. We read it so you don't have to.
37Fee Watch
80 characters
Crestnow
Fee Watch: a ₹4,812 finance charge on Tidewater. Here's why, and how to stop it.
38Standing up
60 characters
Crestnow
Your Standing rose to 792. Utilisation did most of the work.
39Draw reminder
51 characters
Crestnow
The Sunday Draw closes at 8 pm. You hold 3 tickets.
40Crown Rate notice
110 characters
Crestnow
Heads up, 60 days early: from 1 Jan, Crowns earned on utility bills will change. Your balance keeps its value.

Full Clear and Fee Watch

41Full Clear nudge
133 characters
Paying less than ₹48,210 means interest on the whole balance, about ₹2,133 with GST next month. Pay in full to keep your Clean Sheet.
42Fee Watch explainer
93 characters
Finance charge: interest on last month's unpaid balance. It stops once you pay the total due.

Sunday Draw

43Draw: eligibility
57 characters
No purchase needed. Every on-time payment earns a ticket.
44Draw: odds
98 characters
Odds this week: 1 in 73,600 per ticket for the top prize. We print them because we'd want to know.

06Weight and ceremony

Motion

Heavy things accelerate slowly and settle; light things get out of the way. One ceremonial moment per flow, and everything around it quick and quiet.

Four principles

Everything below follows from these.

Weight.
Things in Crest are heavy: metal, gold, vault doors. Large objects accelerate slowly and settle with a small overshoot. Nothing floats.
Material truth.
Light moves across metal. Gold catches the light. Foil flakes off. Coins bounce and clink. Motion reveals the material.
Ceremony, then calm.
Each flow has one ceremonial moment (vault, Crownfall, Goldleaf, gauge), and everything around it is quick and quiet.
Honest timing.
Never slow down a money action for drama. The ceremony happens after the money has moved, never before.

Easing curves

Five curves, plotted from the actual cubic-bezier. Press play to run a marker along each one at the duration it is usually paired with. They live in theme.ts as ease.* and reach Tailwind as ease-brand, ease-enter, ease-exit, ease-vault and ease-settle.

ease.standard

Most UI transitions

dur.base · 240 msTypical pairing

ease.enter

Sheets, toasts, page enters

dur.slow · 420 msTypical pairing

ease.exit

Dismissals

dur.base · 240 msTypical pairing

ease.vault

Heavy objects: vault door, card flip

dur.ceremony · 1,100 msTypical pairing

ease.settle

Small overshoot: chips, levers

dur.base · 240 msTypical pairing

Durations

Four lengths, drawn to one scale. Most of the product lives in the first two.

To one scale, 0 to 1,100 ms

dur.fast
Press states, toggles
140ms
dur.base
Most transitions
240ms
dur.slow
Sheets, screen transitions
420ms
dur.ceremony
Vault door swing, card flip
1,100ms

Springs

Four springs for things that have weight. Each response below is solved from the damped-oscillator equation, released at rest, on one shared clock. All four land with under 1% overshoot: the weight is in how slowly they arrive, not in how far they swing.

spring.card

3D wallet card movement

stiffness 170 · damping 26 · mass 1

Settles in: 506 ms; to stay within 1%
Peak overshoot: None; never crosses 1
Damping ratio: 0.997; near critical

spring.sheet

BottomSheet

stiffness 300 · damping 32 · mass 1

Settles in: 317 ms; to stay within 1%
Peak overshoot: 0.05%; at 474 ms
Damping ratio: 0.924; underdamped

spring.gauge

Standing needle

stiffness 60 · damping 14 · mass 1

Settles in: 669 ms; to stay within 1%
Peak overshoot: 0.13%; at 947 ms
Damping ratio: 0.904; underdamped

spring.lever

Gold-lever toggles

stiffness 520 · damping 30 · mass 0.6

Settles in: 152 ms; to stay within 1%
Peak overshoot: 0.64%; at 202 ms
Damping ratio: 0.849; underdamped

Signature motions

Seven moments carry the brand. Each one is specified in full in the app spec (04 §5).

Signature motions: name, where it appears, and how it is built
Name	Where	Tech
01Vault opening	Onboarding approval	Rive state machine (SVG + motion fallback)
023D wallet	Wallet home	React Three Fiber, gyro tilt
03Crownfall	After payment	matter.js on a 2D canvas
04Goldleaf	Rewards	Canvas 2D destination-out + particles
05Standing gauge	Standing	SVG + motion spring
06Gold lever	Settings toggles	motion spring, rotateZ 0 → 38°
07Crest sting	Splash and logo	2.4 s: gold light sweeps across the embossed shield, then the crown notch glints

Haptics

Small, dry and rare. Seven patterns, each a few milliseconds: you should feel a coin, not a phone ringing.

Haptic patterns: name, pattern, duration in milliseconds, trigger, and a control to feel it
Pattern	ms	Trigger
`tick`	6	Card snap, lever toggle, gauge 50-point tick
`grain`	4	Every 60 px of Goldleaf scratching
`clink`	6	Coin collisionThrottled: 1 per 45 ms, max 24 per Crownfall
`bolt`	12	Each vault bolt retracting
`thunk`	[30, 40, 60]	Vault door unlatch
`success`	[10, 60, 20]	Payment debited
`error`	[40, 60, 40]	Payment failed

Android Chrome only, through navigator.vibrate. iOS Safari ignores it, and the product carries on without.

Sound

Off until the first user gesture; toggle in Settings. Nothing on this page plays: the audio pack has not been sourced yet.

Sound assets: name, length, loudness, trigger and sourcing status
Asset	Length	Loudness	Trigger	Status
`coin-clink-1/2/3.mp3`	120–200 ms	−24 LUFS	Coin collisions, pitch varied ±8%	Sourced in P5 · CRS-P5-10
`vault-gear-loop.mp3`	1.6 s loop	−28 LUFS	Vault checking	Sourced in P5 · CRS-P5-10
`vault-bolt.mp3`	90 ms	−22 LUFS	Each bolt	Sourced in P5 · CRS-P5-10
`vault-thunk.mp3`	700 ms	−18 LUFS	Door unlatch	Sourced in P5 · CRS-P5-10
`lever.mp3`	110 ms	−26 LUFS	Gold lever	Sourced in P5 · CRS-P5-10
`card-slide.mp3`	160 ms	−28 LUFS	3D wallet card settles after a shuffle	Sourced in P5 · CRS-P5-10
`chime-paid.mp3`	900 ms	−20 LUFS	Payment debited	Sourced in P5 · CRS-P5-10
`scratch`	synthesised	−30 LUFS	Band-passed noise, gain follows pointer speed	Synthesised in code · no file
`draw-drum-loop.mp3`	2 s loop	−26 LUFS	Sunday Draw drum	Sourced in P5 · CRS-P5-10

Engraved line art, the way banknotes and stamps are engraved: fine parallel hatching, guilloché rosettes, laurel. Five plates cover every empty, waiting and ceremonial moment. They are drawn in code, in one colour, and never with a gradient.

Two heraldic keys crossed and tied with a ribbon, the bows set with guilloché.

Used for The Keys screen: keys are invites. Unused keys are gold, sent keys outlined.

Where each one lives

One plate per moment. The same plate is never used for two different feelings.

Empty states: Empty ledger. No cards, no orders, a quiet inbox: copy bank 25 to 29 sit beneath it.
The Lobby: Vault door. The door is shut for now, and the Standing beside it is yours to use while you climb.
Invite screen: Envelope with seal, in the top 55% of the screen, with the folded-letter card overlapping it.
Standing factors: Laurel for "consistency" and for the Laureate tier. The other factors take their own small mark.
Keys screen: Keys, three of them: unused in gold, sent ones outlined with the recipient’s name.
Website manifesto: Laurel dividers between the articles, built from the same leaf generator (below).

Two colourings, never a third

One ink, chosen by the surface. The plates use currentColor, so the parent sets it.

Use

Gold on Obsidian

The default on dark surfaces: the app, the vault, the billboard.

Use

Obsidian on Bone

On light paper: the manifesto, the certificate, the letter.

Never

Gold on Bone

1.9:1. The fine hatching disappears. Use Obsidian.

Legible from 96 to 480 px

Every plate is drawn on a 240-unit sheet, so the hatching is 0.75 px at 240 px. Below 96 px use an icon from the family in Iconography instead.

96 px · smallest160 px · empty states320 to 480 px · onboarding, site

How they are drawn

Everything is code. There is no traced artwork, so every plate can be regenerated, restyled and tested.

Hatching: stroke-width: 0.75 in plate units, parallel lines clipped to the shape, tone made by closing up the spacing.
Contour: Heavier 1.3 lines only where a form needs an edge. Never more than two weights.
Colour: One ink in currentColor: gold on Obsidian, Obsidian on Bone. No fills but small solids, no gradients, no opacity.
Light: From the upper left. The shadow side of every convex form takes the closer hatching.
Guilloché: Generated by guilloche(), three to five overlaid rosettes, set into a seal, a dial, a bow, a page.
Deterministic: No Math.random. The same code gives the same plate on the server, in tests and in print.

Hatching

Parallel, cross-hatched, a tone ramp, and crescents on a convex form.

Guilloché rosette

Four rosettes straight from guilloche(), unedited.

Laurel border

Each leaf hatched on one side; later leaves overlap earlier ones. The manifesto's divider.

In use: an empty state

Copy bank 25, exactly as it ships, with the plate above it and one action below. The same tile on both surfaces.

No cards yet. Your wallet is suspiciously light.

08Physical

Mockups

Crest is a tactile brand: blind emboss, deboss, foil and engraving over ink. This is every physical item it lives on, as a checklist that fills itself as renders arrive.

0 of 10 sets delivered

0 of 34 files

Renders are sourced in P5 and wired in by CRS-P5-09. Until a file exists its slot shows what is coming.

01 · CRS-P5-02

The Members' Card

The club identity card. Not a payment card: no chip, no magstripe, an NFC tag that opens the profile.

85.60 × 53.98 mm, 0.80 mm thick, 3.18 mm corners
304 stainless steel, black DLC both faces, gold PVD edge
Fibre-laser engraving through the DLC, NFC in a 12 mm ceramic window

Awaiting render
Hero, 30° tilt on black suede3:2
Awaiting render
Front and back, flat lay3:2
Awaiting render
Edge macro, gold PVD rim3:2
Awaiting render
Member3:2
Awaiting render
Fellow3:2
Awaiting render
Laureate3:2

0 / 6Files and paths

Hero, 30° tilt on black suedemockups/members-card/members-card-hero.png → /images/brand/members-card-hero.webp
Front and back, flat laymockups/members-card/members-card-flat-lay.png → /images/brand/members-card-flat-lay.webp
Edge macro, gold PVD rimmockups/members-card/members-card-edge.png → /images/brand/members-card-edge.webp
Membermockups/members-card/members-card-member.png → /images/brand/members-card-member.webp
Fellowmockups/members-card/members-card-fellow.png → /images/brand/members-card-fellow.webp
Laureatemockups/members-card/members-card-laureate.png → /images/brand/members-card-laureate.webp

02 · CRS-P5-04

Card sleeve and mailer

Black duplex sleeve lined in emerald velvet paper, and the DL gatefold mailer that carries it.

Sleeve 92 × 60 mm, 600 gsm duplex, black-on-black foil crest
Mailer 110 × 220 mm closed, 330 × 220 mm open, 450 gsm soft-touch
Emerald envelope with a black wax-look seal

Awaiting render
Sleeve, card half pulled out3:2
Awaiting render
Gatefold mailer and wax-seal envelope3:2

0 / 2Files and paths

Sleeve, card half pulled outmockups/sleeve-mailer/sleeve-mailer-sleeve.png → /images/brand/sleeve-mailer-sleeve.webp
Gatefold mailer and wax-seal envelopemockups/sleeve-mailer/sleeve-mailer-mailer.png → /images/brand/sleeve-mailer-mailer.webp

03 · CRS-P5-03

Welcome box

Arrives five to seven days after admission. The unboxing is the physical twin of the vault moment.

Rigid set-up box, base 240 × 170 × 60 mm, lid 244 × 174 × 30 mm
1,500 micron greyboard, black wrap, emerald inside the lid
Gold foil crest 42 mm, debossed guilloché rosette Ø 120 mm

PDF · awaiting file
Dieline, PDF/X-43:2
Awaiting render
Closed, three-quarter view3:2
Awaiting render
Lid off, top view3:2
Awaiting render
Hands unboxing3:2

0 / 4Files and paths

Dieline, PDF/X-4mockups/welcome-box/welcome-box-dieline.pdf → /images/brand/welcome-box-dieline.pdf
Closed, three-quarter viewmockups/welcome-box/welcome-box-closed.png → /images/brand/welcome-box-closed.webp
Lid off, top viewmockups/welcome-box/welcome-box-open.png → /images/brand/welcome-box-open.webp
Hands unboxingmockups/welcome-box/welcome-box-unboxing.png → /images/brand/welcome-box-unboxing.webp

04 · CRS-P5-03 · CRS-P5-04

Founder letter and invitation

A letterpress letter in the box, and the wax-sealed invitation that carries a Key.

Letter A5, 300 gsm cotton in bone, letterpress in obsidian, blind-embossed crest
Invitation 120 × 170 mm, black face, emerald back, gold-painted edge
Wax seal Ø 25 mm in deep emerald, pressed with a Ø 20 mm brass crest

Awaiting render
Founder letter3:2
Awaiting render
Invitation, envelope and wax seal3:2

0 / 2Files and paths

Founder lettermockups/letter-invitation/letter-invitation-letter.png → /images/brand/letter-invitation-letter.webp
Invitation, envelope and wax sealmockups/letter-invitation/letter-invitation-invitation.png → /images/brand/letter-invitation-invitation.webp

05 · CRS-P5-04

Crown token

A physical Crown. A keepsake, not currency.

Ø 32 mm, 3 mm thick, brass with 1 micron of 24k gold plating
Milled edge of 96 reeds, crest in 0.4 mm relief
Black velvet drawstring pouch with a gold-foil crest label

Awaiting render
Obverse1:1
Awaiting render
Reverse1:1
Awaiting render
In its pouch1:1

0 / 3Files and paths

Obversemockups/crown-token/crown-token-obverse.png → /images/brand/crown-token-obverse.webp
Reversemockups/crown-token/crown-token-reverse.png → /images/brand/crown-token-reverse.webp
In its pouchmockups/crown-token/crown-token-pouch.png → /images/brand/crown-token-pouch.webp

06 · CRS-P5-05

Crest Lounge

A pop-up at a winter music festival, entered through a 2.4 m vault-door façade.

Footprint 6 × 4 m, 3.2 m tall, open on the long front
Black MDF panels, gold-anodised trim, backlit crest 1.2 m wide
Crownfall floor: a 3 × 2 m projection-mapped zone

Awaiting render
Hero scene, night16:9
Awaiting render
3D booth render16:9

0 / 2Files and paths

Hero scene, nightmockups/crest-lounge/crest-lounge-hero.png → /images/brand/crest-lounge-hero.webp
3D booth rendermockups/crest-lounge/crest-lounge-booth.png → /images/brand/crest-lounge-booth.webp

07 · CRS-P5-05

Lounge staff uniform

Black tailored overshirt with emerald piping and a tonal-gold crest.

Crest embroidered tonal gold at the left chest, 60 mm
3 mm emerald piping on cuffs and collar
Brushed-brass name badge, 70 × 20 mm

Awaiting render
Uniform4:5

0 / 1Files and paths

Uniformmockups/staff-uniform/staff-uniform-uniform.png → /images/brand/staff-uniform-uniform.webp

08 · CRS-P5-06

Merch

Tactile, tonal, restrained: nothing that shouts.

Hoodie 380 gsm, tonal-black crest, gold thread at the back neck
Cap, tote (gold ink) and Northfield leather card holder with a blind deboss
Sticker set: die-cut crest, Clean Sheet roundel, Paid on time oval

Awaiting render
Hoodie4:5
Awaiting render
Cap4:5
Awaiting render
Tote4:5
Awaiting render
Card holder4:5
Awaiting render
Sticker set4:5

0 / 5Files and paths

Hoodiemockups/merch/merch-hoodie.png → /images/brand/merch-hoodie.webp
Capmockups/merch/merch-cap.png → /images/brand/merch-cap.webp
Totemockups/merch/merch-tote.png → /images/brand/merch-tote.webp
Card holdermockups/merch/merch-card-holder.png → /images/brand/merch-card-holder.webp
Sticker setmockups/merch/merch-stickers.png → /images/brand/merch-stickers.webp

09 · CRS-P5-06

Out of home

Three billboard concepts and a metro panel. Black, Instrument Serif in gold, a small crest bottom-right.

Hoarding 40 × 20 ft landscape; metro panel 6 × 4 ft
"You paid on time. We noticed." · "Your late-fee column is looking very empty." · "Minimum due. Maximum interest."
Composite the logo in post; never let a model draw it

Awaiting render
Billboard 1, Bengaluru2:1
Awaiting render
Billboard 2, Mumbai2:1
Awaiting render
Billboard 3, Gurugram2:1
Awaiting render
Metro panel3:2

0 / 4Files and paths

Billboard 1, Bengalurumockups/ooh/ooh-billboard-1.png → /images/brand/ooh-billboard-1.webp
Billboard 2, Mumbaimockups/ooh/ooh-billboard-2.png → /images/brand/ooh-billboard-2.webp
Billboard 3, Gurugrammockups/ooh/ooh-billboard-3.png → /images/brand/ooh-billboard-3.webp
Metro panelmockups/ooh/ooh-metro.png → /images/brand/ooh-metro.webp

10 · CRS-P5-08

Three posts, one story and the fifteen-second reel storyboarded as "The vault".

Posts 1080 × 1350: The Crown Rate, Goldleaf carousel, Minimum due maximum interest
Story 1080 × 1920: a poll, then "Early birds get 20% more Crowns."
Reel 15 s MP4, 1080 × 1920, cut in CRS-P7-03

Awaiting render
Post: The Crown Rate4:5
Awaiting render
Post: Goldleaf carousel4:5
Awaiting render
Post: Minimum due4:5
Awaiting render
Story: the poll9:16
MP4 · awaiting file
Reel: The vault, 15 s9:16

0 / 5Files and paths

Post: The Crown Ratemockups/social/social-post-crown-rate.png → /images/brand/social-post-crown-rate.webp
Post: Goldleaf carouselmockups/social/social-post-goldleaf.png → /images/brand/social-post-goldleaf.webp
Post: Minimum duemockups/social/social-post-minimum-due.png → /images/brand/social-post-minimum-due.webp
Story: the pollmockups/social/social-story.png → /images/brand/social-story.webp
Reel: The vault, 15 smockups/social/social-reel.mp4 → /images/brand/social-reel.mp4

Instrument Serif

General Sans

Geist Mono

Weight.

Material truth.

Ceremony, then calm.

Honest timing.

Envelope with seal

Vault door

Empty ledger

Laurel

Keys