# JBNX design library

> Every JBNX project design in one place: model identities, UI/UX design systems and video styles.
> Machine index: https://jbnx.io/design/index.json

Read an item's DESIGN.md first, then its tokens or model manifest. For FedM8, fedm8.com is the source of truth.

## Models

- [JBNX Models: Model 001 Kayla](https://jbnx.io/design/m/001) (working_reference): Fictional adult model. Neutral barefoot body turn, face and expression references, ElevenLabs Brittney voice, and staged video production rules. DESIGN.md: https://jbnx.io/design/m/001/DESIGN.md Tokens: https://jbnx.io/design/m/001/tokens.json
- [JBNX Models: Model 002 Joey Nguyen](https://jbnx.io/design/m/002) (active_anchor_seed_locked): Real person, the owner. Digital-twin reference rebuilt from the photos he chose (balcony face anchor, slim build, spiked hair): 4K 8-angle suit turn, face turns, expressions, three Capture OS variant anchors, scene frames, four Kling 3.0 motion baselines, voice proof in his cloned voice; likeness scored with Jev and face-ID. Accepted by Joey. DESIGN.md: https://jbnx.io/design/m/002/DESIGN.md Tokens: https://jbnx.io/design/m/002/tokens.json
- [JBNX Models: Model 003 Darren](https://jbnx.io/design/m/003) (working_reference): Real person, used with consent for FedM8 promo video. Restored anchors, 4K 8-angle suit turn, face turns, expressions, scene frames, four Kling 3.0 motion baselines and an audio-driven voice proof. ElevenLabs voice approved by Darren. DESIGN.md: https://jbnx.io/design/m/003/DESIGN.md Tokens: https://jbnx.io/design/m/003/model.json
- [JBNX Models: Model 004 Bethany](https://jbnx.io/design/m/004) (working_reference): Fictional adult AI actress. 4K 8-angle body turn, face turns, expressions, scene frames, four Kling 3.0 motion baselines and a voice proof; likeness scored with Jev and face-ID. DESIGN.md: https://jbnx.io/design/m/004/DESIGN.md Tokens: https://jbnx.io/design/m/004/model.json
- [JBNX Models: Model 005 My-le](https://jbnx.io/design/m/005) (working_reference): Real person, used with consent. Restored face and body anchors, 4K 8-angle body turn, face turns, expressions, scene frames and four Kling 3.0 motion baselines; likeness scored with face-ID and Jev. Voice to come. DESIGN.md: https://jbnx.io/design/m/005/DESIGN.md Tokens: https://jbnx.io/design/m/005/model.json
- [JBNX Models: Model 006 Young Joey](https://jbnx.io/design/m/006) (awaiting_owner_selection): Joey at age 20. Two military-era reference photos and five face options awaiting selection. DESIGN.md: https://jbnx.io/design/m/006/DESIGN.md

## UX

- [FedM8: Card hub + social](https://jbnx.io/design/ux/fedm8-003) (standard): FedM8's standard for all new app work, approved Nov 2, 2026. Warm ground, navy for where you are, one amber action, big choice cards, Reddit-style threads, team-up (Prime, Sub, 1099) and an 'I can do this' button on every opportunity. Fully token-driven, so members can change the look at runtime. Rollout to every page is in progress. DESIGN.md: https://jbnx.io/design/ux/fedm8-003/DESIGN.md Tokens: https://jbnx.io/design/ux/fedm8-003/tokens.json
- [FedM8: Navy and gold](https://jbnx.io/design/ux/fedm8-001) (standard): The FedM8 brand: the shield, navy and gold, DM Sans and Source Serif 4. Videos have their own styles. DESIGN.md: https://jbnx.io/design/ux/fedm8-001/DESIGN.md Tokens: https://jbnx.io/design/ux/fedm8-001/tokens.json
- [FedM8: Green and white](https://jbnx.io/design/ux/fedm8-002) (retired): The previous FedM8 app design, retired for new work on Nov 2, 2026 and replaced by FedM8 003. Pages not yet rebuilt still use it. Reference only. DESIGN.md: https://jbnx.io/design/ux/fedm8-002/DESIGN.md Tokens: https://jbnx.io/design/ux/fedm8-002/tokens.json
- [JBNX Projects portal: Steep: serif analytics on warm paper](https://jbnx.io/design/ux/jbnx-portal) (in_use): Style reference for projects.jbnx.io: the Projects desk (Steep reference from Refero Styles) and the Kayla Universe agent map. DESIGN.md: https://jbnx.io/design/ux/jbnx-portal/DESIGN.md
- [mem.jbnx.io: 3D memory graph](https://jbnx.io/design/ux/jbnx-mem) (in_use): Design notes for the mem.jbnx.io front end: a 3D graph view with a docked detail panel, dark palette and one violet accent. DESIGN.md: https://jbnx.io/design/ux/jbnx-mem/DESIGN.md
- [CipherDeck: Warm paper and CipherDeck red](https://jbnx.io/design/ux/cipherdeck) (in_use): Design concept brief for cipherdeck.com (marketing) and app.cipherdeck.com (seller and collection app): brand hierarchy, voice, color, type, layout, components and anti-patterns. The app shares the site's paper, type and red. DESIGN.md: https://jbnx.io/design/ux/cipherdeck/DESIGN.md
- [LocalFave: Golden-hour workbench](https://jbnx.io/design/ux/localfave) (in_use): LocalFave hub look (Harvest reference from Refero Styles): cream canvas, one orange accent, Source Serif 4 display and Geist Sans UI, 16px radius. Tenant sites may override accent and display type on the same layout. DESIGN.md: https://jbnx.io/design/ux/localfave/DESIGN.md

## Video

- [FedM8: Narrated walkthrough](https://jbnx.io/design/v/fedm8-v001) (standard): One warm narrator walks through the FedM8 app in a browser window on a navy stage: real clicks and typing, a gold cursor ripple, short captions, a 'Why it helps' card per benefit and a quiet D-major piano bed. 1920x1080 at 30 fps. DESIGN.md: https://jbnx.io/design/v/fedm8-v001/DESIGN.md Tokens: https://jbnx.io/design/v/fedm8-v001/tokens.json
- [JBNX: Studio reel](https://jbnx.io/design/v/jbnx-studio-reel) (in_use): Silent reel of JBNX website and app work (Ten Suite Nails, FedM8, Marco Bros, CipherDeck), used on the jbnx.io home page. DESIGN.md: https://jbnx.io/design/v/jbnx-studio-reel/DESIGN.md
- [JBNX Models: Model 001 Kayla motion and voice clips](https://jbnx.io/design/v/model-001-clips) (working_reference): Motion baselines (turn, walk, sit, talk) and voice proofs for model 001. Full rules are on the model page. DESIGN.md: https://jbnx.io/design/m/001/DESIGN.md
- [JBNX Models: Model 002 Joey Nguyen motion and voice clips](https://jbnx.io/design/v/model-002-clips) (active_anchor_seed_locked): Motion baselines (turn, walk, sit, talk) and voice proofs for model 002. Full rules are on the model page. DESIGN.md: https://jbnx.io/design/m/002/DESIGN.md
- [JBNX Models: Model 003 Darren motion and voice clips](https://jbnx.io/design/v/model-003-clips) (working_reference): Motion baselines (turn, walk, sit, talk) and voice proofs for model 003. Full rules are on the model page. DESIGN.md: https://jbnx.io/design/m/003/DESIGN.md
- [JBNX Models: Model 004 Bethany motion and voice clips](https://jbnx.io/design/v/model-004-clips) (working_reference): Motion baselines (turn, walk, sit, talk) and voice proofs for model 004. Full rules are on the model page. DESIGN.md: https://jbnx.io/design/m/004/DESIGN.md
- [JBNX Models: Model 005 My-le motion and voice clips](https://jbnx.io/design/v/model-005-clips) (working_reference): Motion baselines (turn, walk, sit, talk) and voice proofs for model 005. Full rules are on the model page. DESIGN.md: https://jbnx.io/design/m/005/DESIGN.md