Blueprint design system

A continuous drawing surface

Trident Protocol uses a cobalt blueprint grid from the first page edge through the footer. The grid has 24-pixel minor lines and 120-pixel major lines. Fine cream and blue borders, corner registration marks, dimension lines and technical annotations connect the pages visually.

The navigation is a separate framed bar with space above and below. It provides models, the community directory, the API hub, documentation and wallet access. The mobile menu exposes the same routes. The footer resembles a drawing title block and appears on the directory, account, model profile and documentation pages.

Typography and controls

PT Serif is self-hosted from the supplied regular, italic, bold and bold-italic files. The original SIL Open Font License is bundled. Small technical labels, canonical IDs and code use the platform monospace stack. No font-service request is needed.

Buttons have square corners, a visible side shadow and an inset lower edge. Hover and pressed states change the depth. Inputs use a recessed frame. Focus outlines remain visible for keyboard use. Cards, tabs, buttons and badges use the local shadcn source components and Radix primitives.

Model directory

The API Tokens reference informed the compact grid structure: real provider marks, model names, canonical IDs, descriptions and distinct context, input and output price fields. Trident adds a model profile with catalogue-derived pros and cons, a request cost calculator and community setup.

Grid and list controls work with the same search, author, price, context and sort state. Mobile layouts retain filters in an expandable panel. Prices are published upstream tariffs, not a promised personal bill. Separate request charges are shown when supplied. Provider capabilities can exceed the text subset supported by the gateway.

Technical drawings and authentic marks

Three original SVG schematics illustrate the model layer, holder access and shared funding. They are decorative drawings, not measured data. Line-drawing animation introduces the diagrams. The former underwater artwork has been removed from the source and interface.

The supplied trident mark remains unchanged. Provider and chain marks are authentic bundled assets documented in the third-party notices. An unknown or failed logo uses the provider name. The read-only Pons sample uses its observed token image. Names and logos do not imply affiliation.

Motion and loading

Cards enter with a short stagger. Diagrams draw in once. Loading placeholders sweep while model data is pending, and refresh controls indicate active requests. The operating-system reduced-motion setting disables these effects. No market or model metric is fabricated for animation.

Responsive behavior and accessibility

The catalogue changes from three columns to two and then one. Forms, profile comparisons and documentation collapse for narrow screens. Mobile filters remain usable; the documentation index moves into an expandable menu. Dense tables can scroll.

Controls have accessible names, native input semantics, focus indicators and errors. Charts include exact-value tables. A skip link targets the main content. Static component renders, production HTTP checks and actual browser interaction are different evidence; the verification record lists which were performed.

Authentic assets in edition 02

The supplied transparent trident PNG is preserved unchanged at /brand/trident.png; CSS frames it for the header and footer, and metadata uses it as the favicon. The browser title is Trident Protocol. X links point to https://x.com/TridentProtocol.

Wallet marks are taken from RainbowKit 2.2.11 wallet connector assets (MetaMask, Phantom, Rabby, Trust, WalletConnect). Solflare's mark comes from its official wallet-adapter package 0.6.34. OpenRouter and additional model-author marks come from LobeHub's icons-static-svg 1.95.1. Xiaomi uses its MiMo mark; Amazon uses its AWS mark. These are identification marks, not invented symbols or endorsements. Original provider logos remain as previously documented.

The three-dimensional tokens are CSS surfaces containing authentic, unmodified logos. Unknown authors use their name instead of an invented mark. Motion respects reduced-motion preferences.