pi-mistral-native — README banner proposals

Three variants on a 1200 × 400 (3:1) canvas, each shown inside a simulated README on a dark (#0d1117, GitHub dark) and a light (#ffffff, GitHub light) canvas. Mistral's block language — discrete hard-edged rectangles, near-zero radius, staggered entrances — with their orange ramp remapped to a five-step blue ramp. Motion is an enhancement: every variant reads complete as a static image.

Variant A — Animated block hero

Rationale: the block-π mark (π built from discrete Mistral-style blocks, signature blue as the widest top bar) falls in with Mistral's staggered settle animation; a slow ambient blue wash and a pulsing sky dot keep the canvas alive. One dark asset with its own background, so the identical banner works on light and dark READMEs.

SVG · 1200 × 400 · 3:1 Own background — one asset, theme-safe Motion: fall-in · stagger 60ms · ambient wash 64s
README context · dark (#171e26)

pi-mistral-native

Native Mistral AI provider for the pi coding agent: block-array thinking, a dynamic model catalog, knowledge APIs and server-side tools — one pi package.

README context · light (#ffffff)

pi-mistral-native

Native Mistral AI provider for the pi coding agent: block-array thinking, a dynamic model catalog, knowledge APIs and server-side tools — one pi package.

Variant B — Static geometric composition

Rationale: no motion at all — a flat bento of the five ramp blues offset against generous whitespace. Exports as a trivially clean static SVG. Shown theme-tuned: an ivory card for light canvases and an ink card for dark canvases, demonstrating the #gh-dark-mode-only / #gh-light-mode-only image pair (supported by GitHub markup).

SVG · 1200 × 400 · 3:1 Theme-tuned pair (gh-dark-mode-only strategy) Motion: none — pure geometry
README context · light (#ffffff) — light-tuned asset

pi-mistral-native

Native Mistral AI provider for the pi coding agent.

README context · dark (#171e26) — dark-tuned asset

pi-mistral-native

Native Mistral AI provider for the pi coding agent.

Variant C — Typography-forward card

Rationale: a single giant π in the signature blue carries the identity; wordmark, mono eyebrow and mono tagline do the rest. The five-step ramp survives only as a hairline strip on the bottom edge. One light card on both canvases — quiet, but unmistakably "π × Mistral".

SVG · 1200 × 400 · 3:1 Single light card on both canvases Motion: none — type is the hero
README context · light (#ffffff)

pi-mistral-native

Native Mistral AI provider for the pi coding agent.

README context · dark (#171e26)

pi-mistral-native

Native Mistral AI provider for the pi coding agent.

Design tokens — blue block system

Derived by cool-hue mapping Mistral's five-step logo ramp (#FFAF01 → #C4001D) while preserving the lightness descent and the "one wide signature bar" structure. These tokens are the handoff for the documentation website (Astro/Starlight).

Sky#4CC9FFAccent — dots, highlights, lightest ramp step
Azure#1FA7FFEyebrows, links, secondary accent
Primary#0B7FE0The signature blue — widest bar, π glyph
Deep#0A5BD0Ramp step 4, hover state of primary
Ultramarine#0B3FB0Dark ramp base, feet blocks
Ink#101826Dark surface, text on light (harmonizes with GitHub dark #0d1117)
Cool ivory#F2F7FFLight surface for cards and banners
Text on dark#E8F0FABody text on ink surfaces

Motion tokens

fall-in 500ms ease-in · stagger 60ms settle overshoot scaleY .95 → 1.02 → 1 pop-in cubic-bezier(.68,-.55,.27,1.55) base ease cubic-bezier(.2,0,0,1) · 200ms hover lift 250ms · 18ms stagger ambient wash 64s linear dot pulse 3s prefers-reduced-motion respected

Platform canvases (verified)

GitHub light #ffffff GitHub dark #0d1117 #gh-dark-mode-only works on GitHub README body max-width 1012px