Brand kit

A heavy word with a ding in it

The word “dinged” in heavy lowercase, with a small concave notch cut into the “d”: the ding. The app icon is the notched “d” on amber.

Wordmark, whiteOn dark screens, like this site

SVG PNG
Wordmark, inkOn paper, print and light photos

SVG PNG
On amberInk on amber, never amber on light

SVG
Mark, whiteWhere the word won’t fit

SVG
Mark, inkSmall, on light

SVG
App iconAt 96, 60, 40 and 24 px. The notch stays visible at every size.

SVG PNG 512 Favicon

The notch. A circle cut from the left of the d’s bowl, centered on its edge at the bowl’s vertical middle. It is 13.6 units across on a 54.9-unit-wide d: about a quarter.

Clear space. Keep clear space of at least the notch’s width around the wordmark. Nothing else goes inside the dashed line.

Correct. White, ink or on amber, at its own proportions.
Recolored. Not amber type, not status colors.
Stretched. Scale it evenly or not at all.
Notch filled in. Without the ding it’s just a word.

Near-black, with color only where it means something

Amber marks the one primary action on a screen, and the logo field. It is never a status. Each status color means one thing, and none is used as decoration.

Color	Token	On #0E1013
Surfaces
Background	--bg	–
Raised band	--bg-2	–
Card	--card	–
Card, pressed	--card-2	–
Hairline	--line	–
Hairline, strong	--line-2	–
Text
InkHeadings and key text	--ink	17.2
Ink 2Body text	--ink-2	9.7
Ink 3Captions and labels	--ink-3	5.6
Ink 4Numerals and quiet marks, not body text	--ink-4	5.0
Brand
AmberThe one primary action, and the logo field. Never a status.	--amber	11.8
Amber, hover	--amber-2	13.0
Ink on amberText on amber buttons: 11.6 against #FFC233	--amber-ink	–
Status
NewFindings confirmed as new damage; failed checks	--new	6.8
Already thereDamage recorded at move-in or pickup	--prior	7.1
Normal wearWear from ordinary use	--wear	7.5
SealedSealed, verified or live. Nothing else.	--sealed	9.1
Coverage paint
Covered	--paint-covered	–
Partial	--paint-partial	–
Needs another pass	--paint-needs	–
Not scanned	--paint-empty	–

Values are the :root tokens in styles.css. Contrast is each color against the background, #0E1013, by the WCAG 2 formula; 4.5 is the minimum for body text. Ink on amber is #17120A against #FFC233. Surfaces, hairlines and coverage paint are fills, so they have no text ratio. Anything not live yet gets a hollow ring in Ink 3, never amber or green.

SF Pro on Apple devices, Inter everywhere else

Set tight and large for headings. Mono only for measurements, hashes and IDs.

Display · 700 · 56–140 pxDon’t get dinged.
Heading · 700 · 34–64 pxKeep the proof.
Subhead · 600 · 20–23 pxEverything about the place, in one lease.
Lede · 400 · 18–22 pxScan it when you get it. Scan it when you give it back.
Body · 400 · 17 / 1.55Each flagged change shows before and after at the same scale. Nothing goes into a record until you confirm it.
Label · Inter 500 · 13 px, sentence caseLiving room · east wall · not in the move-in scan
Data label · mono 500 · 12 px caps, for codes and IDsC-PDR-S · 49-3021 · compare-0.1
Data · mono 50014 mm (0.55 in) ± 2 · 27e8962d6d7a17da…

In the app SF Pro, SF Mono, Dynamic Type

Large title: 34 pt Bold
Title: 22 pt Bold
Headline: 17 pt Semibold
Body: 17 pt Regular
Caption: 12 pt Regular
Measurement: 17 pt SF Mono Medium

In the Condition Record PDF

Title: 22 pt Bold
Section: 12 pt Bold
Body: 11 pt Regular
Footer: 8 pt Regular
Hash: 8 pt SF Mono

Fifteen icons, each with one job

Rounded, single color, one weight. A status icon always comes with its color and its word, never color alone.

Statuses

NewFindings confirmed as new damagestatus-new
Already thereDamage recorded as already therestatus-prior
Normal wearWear from ordinary usestatus-normal-wear
Not damageA flagged change that isn’t damagenone
Device time onlyPhone clock + signed server receiptstatus-device-time

Objects and actions

scanStart or continue a scan
carCar mode, rental trips
roomHome mode, rooms and leases
rulerA measured size, mm and in
fair-chargeFair Charge price check
verify-qrVerify page and its QR code
co-signLandlord or host co-sign (planned)
checkDone, included, confirmed
banner-verifiedVerified banner
banner-mismatchDoes-not-match banner

Every icon is a single-color SVG in the files below. On the web they take the text color.

The seal means it checks out

It marks sealed and verified states, in the app and on the verify page. Use it only for something that is actually sealed. Each verify result has one mark and one banner.

Verified
Every signature, fingerprint and root matches, and an independent RFC 3161 timestamp covers the root. Independent timestamps are coming next.
Verified, device time only
Everything matches, but the time comes from the phone’s clock, backed by our server’s signed receipt. Every record shows this until independent timestamps launch.
Does not match
A file, the root or a signature fails. The failing item is named, and no seal is shown.

Cheeky on the site, formal in the record

The app and this site can be cheeky. The Condition Record is formal, because a landlord, a rental desk or a judge reads it. Say what changed; people decide what it means.

Where	Say	Not
Findings	“1 new · 1 already there · 1 not damage”	“Your landlord is lying about this scratch.”
Sizes	“14 mm (0.55 in)”	“A tiny scratch, about half an inch.”
In the record	Title “Condition Record,” with a small “Generated by Dinged” line.	“Gotcha! Here’s your proof!!” No jokes, no emoji, no exclamation marks.
Outside	“Don’t get dinged.” Cheek belongs in the app, onboarding and marketing.	The same joke in the report packet, which a judge may read.

Haptics

The app talks through touch too. Four patterns, each with one meaning.

Light tick: A frame captured
Double tap: A station complete
Rising pulses: Getting closer to the ghost pose
Success pattern: Sealed

Download the files

SVG for anything that scales, PNG for slides and documents. Free to use when writing about Dinged.

Asset	Use it for	Files
Wordmarkwhite, ink, on amber	Articles, slides, partner pages	White SVG 12 KB White PNG 74 KB Ink SVG 5 KB Ink PNG 22 KB On amber SVG 5 KB
Markthe notched d	Avatars, tight spaces	White SVG 9 KB Ink SVG 1 KB
App icon	Showing the app	SVG 1 KB PNG 512 5 KB
Sealfour versions	Only for something actually sealed	Sealed SVG 5 KB Device time SVG 5 KB Ink SVG, for print 5 KB Small SVG 2 KB
Icons15 single-color SVGs	Diagrams, docs	scan car room ruler fair-charge verify-qr co-sign check none status-new status-prior status-normal-wear status-device-time banner-verified banner-mismatch

Questions about using the brand: support@dinged.app.