# ProofStamp UI Components

## Official card / device marker

Canonical file: `assets/proof-point-card-marker.svg`

Use the proof-point ring with a filled center dot on cards, previews, receipts and device surfaces.

Construction:

- white interior
- ProofStamp-blue outline
- centered ProofStamp-blue dot
- center dot ≈ 40% of ring diameter

The hollow ring is not the standard card marker.

## Components

### Content card

Use the marker in a quiet corner of the content surface. It should identify that the record has proof without competing with the content.

### Document card

Use for agreements, receipts, approvals, reports and other documents that may later be checked.

### Photo card

Use for before/after conditions, deliveries, inspections, move-in/move-out records and similar evidence.

### AI conversation card

Use for preserved AI conversations, analyses and decision records. Keep message content primary.

### Business approval card

Use for approvals, inspections, milestones, release records and handoffs.

## Timeline proof point

Canonical file: `assets/proof-point-timeline.svg`

The timeline proof point is different from the raised wordmark dot:

- dot centered in ring
- ring centered on timeline
- navy active segment through the proof point
- neutral timeline in gray

## Wordmark proof point

Do not reuse the card/timeline geometry in the wordmark. The wordmark uses the approved Option C raised dot:

- diameter = `0.22 × cap height`
- gap after P = `0.30 × cap height`