Passport Object · Design System V2

One silhouette. Four materials. One ecosystem.

This document is the canonical, internal reference for the MARCO Passport object. It is not a marketing page. Every variant on this page consumes the same silhouette, tokens, and identity DNA.

Passport product pageMachine spec · JSON
Contents
  1. 01Canonical Passport Object
  2. 02Silhouette Anatomy
  3. 03Corner & Chamfer Geometry
  4. 04Minimal Front Hierarchy
  5. 05Tier Material System
  6. 06Subject-Type System
  7. 07Guilloche Fingerprint
  8. 08QR System
  9. 09Compact Wallet Mode
  10. 10Expanded Mode
  11. 11Responsive Specimens
  12. 12Motion Principles
  13. 13Accessibility
  14. 14Machine-Readable Representation
  15. 15Prohibited Uses
  16. 16Current Product Status
01

Canonical Passport Object

MARCOMARCO
H
GOLD
@marco.reference
Personal identity
Reference · Gold · Human · Design-system test seed
02

Silhouette Anatomy

One canonical SVG path in src/components/passport/silhouette.ts. Every Passport variant, every wallet frame, every specimen on this page is clipped to the same path. Three softly-rounded corners at 42px, one architectural chamfer of 78px on the top-right.

Solid
Outline
Chamfer highlight
Desktop scale · 480px
Wallet scale · 320px
Thumbnail · 160px
03

Corner & Chamfer Geometry

Aspect ratio
1.62 : 1
ViewBox
1000 × 617
Corner radius
42px
Chamfer edge
78px
Chamfer position
top-right
Rounded corners
top-left, bottom-left, bottom-right
Hairline stroke
1.5px
Chamfer accent
1.2px
Single source of truth · src/components/passport/silhouette.ts
04

Minimal Front Hierarchy

  1. 01MARCO logo · immutable asset
  2. 02MARCO wordmark
  3. 03Subject glyph · single letter
  4. 04Tier wordmark · center emphasis
  5. 05Handle · @identifier
  6. 06Scope line · subject descriptor
  7. 07Integrated QR · authority surface
MARCOMARCO
H
GOLD
@marco.reference
Personal identity

Never on the object · LEVEL · MATERIAL · VERIFY · ROTATES · 60s · instructional paragraphs.

05

Tier Material System

Explorer · Graphite
MARCOMARCO
H
EXPLORER
@ — — — —
Personal identity

The entry material. Cold, honest, unornamented. Belongs to the ones who arrive first.

Silver · Titanium
MARCOMARCO
H
SILVER
@ — — — —
Personal identity

The verified base tier. Brushed cool metal — quiet, industrial, structural.

Gold · Matte black + warm brushed gold
MARCOMARCO
H
GOLD
@ — — — —
Personal identity

The flagship material. Deep matte body with restrained warm-gold detailing — the reference Passport.

Platinum · Dark ceramic + platinum
MARCOMARCO
H
PLATINUM
@ — — — —
Personal identity

The rarest material. Deep ceramic body with a cold platinum edge and a faint iridescent sheen.

06

Subject-Type System

Human
MARCOMARCO
H
GOLD
@ — — — —
Personal identity
Personal identity in the Melega ecosystem.
AI Agent
MARCOMARCO
A
GOLD
@ — — — —
Autonomous · Bounded
Autonomous participant with declared boundaries.
Organization
MARCOMARCO
O
GOLD
@ — — — —
Institutional · Delegated
Institutional identity with delegated Passport relationships.
Digital Service
MARCOMARCO
S
GOLD
@ — — — —
Capability · Endpoint
Capability endpoint with declared interface and provenance.
07

Guilloche Fingerprint

Algorithm harmonic-sine-field-v1. Seed derived only from public visual identifiers — never PII, never wallet secrets, never reversible.

Design-system test · seed-alpha
Design-system test · seed-beta
Design-system test · seed-gamma
Design-system test · seed-delta
08

QR System

The QR is the authority surface. On this design-system page it is a static concept placeholder — it encodes no personal data, no wallet balance, no credential, no token.

  • Concept QR · STATIC_SCANNABLE_TEST
  • Dynamic QR · PLANNED
  • Min render size · 56px
  • Quiet zone · 4px
Never encodes · PII · balances · credentials · tokens · secrets · payment authorization
Desktop
MARCOMARCO
H
GOLD
@ — — — —
Personal identity
Wallet
MARCOMARCO
H
GOLD
@ — — — —
Personal identity
Thumbnail
MARCOMARCO
H
GOLD
@ — — — —
Personal identity
09

Compact Wallet Mode

Wallet · iOS · ConceptIllustrative
9:41MARCO
Wallet
+
MARCOMARCO
H
GOLD
@ — — — —
Personal identity
CONCEPT · WALLET INTEGRATION NOT ACTIVE
Wallet · Android · ConceptIllustrative
9:41MARCO
Google Wallet
MARCOMARCO
H
PLATINUM
@ — — — —
Personal identity
CONCEPT · WALLET INTEGRATION NOT ACTIVE
10

Expanded Mode

Compact Wallet Mode presents immediate identity. Expanded Mode is the deeper Passport experience — concept-only in V1. Every value below is a neutral state: no fabricated balances, activities, rewards, holdings, or credentials.

Passport · Expanded · Concept390px
9:41MARCO
MARCO Passport
Expanded · Concept
MARCOMARCO
H
GOLD
@marco.reference
Personal identity
  • IdentityCONCEPT PREVIEW

    Subject, tier, handle, and cryptographic fingerprint. Populated by Passport Core.

  • ActivityNO VERIFIED ACTIVITY

    Verified interactions across the Melega Ecosystem. No entries until Passport Core is live.

  • ContributionAWAITING PASSPORT CORE

    Missions, work, and reputation signals. Not counted, not visible until issuance rules are ratified.

  • BenefitsNOT ACTIVE

    Tier-linked access and utility. No benefits are active in V1.

  • M-CreditsPLANNED

    Your future M-Credits balance will appear here. Nothing to show yet.

  • CredentialsAWAITING PASSPORT CORE

    Presentable proofs issued to this Passport. None issued in V1.

  • Connected EcosystemCONCEPT PREVIEW

    Surfaces of the Melega Ecosystem this Passport can reach. Wired during Passport Core rollout.

CONCEPT · EXPANDED MODE NOT ACTIVE
Passport · Expanded · Concept360px
9:41MARCO
MARCO Passport
Expanded · Concept
MARCOMARCO
A
PLATINUM
@agent.athena
Autonomous · Bounded
  • IdentityCONCEPT PREVIEW

    Subject, tier, handle, and cryptographic fingerprint. Populated by Passport Core.

  • ActivityNO VERIFIED ACTIVITY

    Verified interactions across the Melega Ecosystem. No entries until Passport Core is live.

  • ContributionAWAITING PASSPORT CORE

    Missions, work, and reputation signals. Not counted, not visible until issuance rules are ratified.

  • BenefitsNOT ACTIVE

    Tier-linked access and utility. No benefits are active in V1.

  • M-CreditsPLANNED

    Your future M-Credits balance will appear here. Nothing to show yet.

  • CredentialsAWAITING PASSPORT CORE

    Presentable proofs issued to this Passport. None issued in V1.

  • Connected EcosystemCONCEPT PREVIEW

    Surfaces of the Melega Ecosystem this Passport can reach. Wired during Passport Core rollout.

CONCEPT · EXPANDED MODE NOT ACTIVE
Passport · Expanded · Concept360px
9:41MARCO
MARCO Passport
Expanded · Concept
MARCOMARCO
O
SILVER
@org.melega
Institutional · Delegated
  • IdentityCONCEPT PREVIEW

    Subject, tier, handle, and cryptographic fingerprint. Populated by Passport Core.

  • ActivityNO VERIFIED ACTIVITY

    Verified interactions across the Melega Ecosystem. No entries until Passport Core is live.

  • ContributionAWAITING PASSPORT CORE

    Missions, work, and reputation signals. Not counted, not visible until issuance rules are ratified.

  • BenefitsNOT ACTIVE

    Tier-linked access and utility. No benefits are active in V1.

  • M-CreditsPLANNED

    Your future M-Credits balance will appear here. Nothing to show yet.

  • CredentialsAWAITING PASSPORT CORE

    Presentable proofs issued to this Passport. None issued in V1.

  • Connected EcosystemCONCEPT PREVIEW

    Surfaces of the Melega Ecosystem this Passport can reach. Wired during Passport Core rollout.

CONCEPT · EXPANDED MODE NOT ACTIVE
Apple WalletPLANNED
Native .pkpass rendering. Front face shows tier material, level, HUMAN/AGENT/ORG indicator and rotating QR. Back of pass carries machine layer.
Google WalletPLANNED
Generic Wallet Object rendering. Hero image is the Passport object; card fields expose level, tier, subject type; QR module carries the rotating verification code.
11

Responsive Specimens

1440px desktop
MARCOMARCO
H
GOLD
@marco.reference
Personal identity
1024px laptop
MARCOMARCO
H
GOLD
@marco.reference
Personal identity
768px tablet
MARCOMARCO
H
GOLD
@marco.reference
Personal identity
390px mobile
MARCOMARCO
H
GOLD
@marco.reference
Personal identity
360px mobile
MARCOMARCO
H
GOLD
@marco.reference
Personal identity
Wallet card
MARCOMARCO
H
GOLD
@marco.reference
Personal identity
12

Motion Principles

Approved motion
  • 01
    Restraint over spectacle
    Motion exists to confirm state, never to entertain. No parallax, no confetti, no bounce. If a motion cannot be justified by verification or hierarchy, it is removed.
  • 02
    Material response
    The Passport reacts as a physical object. Hover lifts by 6px with a 180ms ease-out; the gold hairline gains 15% luminance. It never rotates in space unless the user is inspecting it directly.
  • 03
    Verification is the only celebration
    A successful scan pulses the QR bracket once, in the tier's accent, for 240ms. Nothing else in the object moves. Failure state is silent — a single hairline turns copper.
  • 04
    Presence pulse
    When the Passport is live and reachable, a 1.6s low-opacity breath animates the NFC glyph — never the body, never the typography, never the QR.
Disallowed
  • continuous spin
  • 3d rotation
  • neon pulse
  • parallax
  • auto playing video
Respects prefers-reduced-motion · true
Interaction principles
  • 01
    One gesture, one meaning
    Tap opens. Long-press reveals machine layer. Scan verifies. The Passport learns no other gestures.
  • 02
    Two-layer object
    Humans see the front face. Machines see the JSON-LD credential layer. Both layers are the same Passport — never two products.
  • 03
    The QR is authority
    The QR is not decoration. It is the presentation channel for verification. It rotates every 60s in wallet, is bracketed, and never shares its frame with marketing.
  • 04
    Wallet-native, portal-agnostic
    The Passport must render identically in Apple Wallet, Google Wallet, and any future digital wallet. The portal is never the source of truth for the object — the wallet is.
  • 05
    Silence by default
    No banner. No badge. No notification. The Passport speaks only when scanned, tapped, or verified.
13

Accessibility

Text contrast min4.5:1
UI contrast min3:1
Keyboard focusvisible-hairline
Reduced motionhonored
14

Machine-Readable Representation

The full design system is served as JSON at a canonical URL. Same source of truth as this page.

GET /api/public/passport-design-system
15

Prohibited Uses

  • No credit-card imitation.
  • No government-passport imitation.
  • No fake balances, fake handles, fake holders, fake thresholds.
  • No modification of the immutable MARCO logo on the object.
  • No MARCO Chad on the Passport object — Chad is cultural, the Passport is institutional.
16

Current Product Status

Portal implementationActive · Informational V1
Passport Object V2READY_FOR_FOUNDER_REVIEW
Apple WalletPLANNED
Google WalletPLANNED
Dynamic QRPLANNED
Treasury RuntimeRESEARCH
NFC paymentsNOT CLAIMED
Design freezePending founder review

Aspect ratio 1.62 : 1 (landscape). Wallet integrations are not active — every wallet frame on this page carries a truthful concept label.