Flows, annotated.

Visitors self-segment once; stats, proof and CTAs swap to match and the choice persists across pages.

1. 1Choose intent
   Deploy · Partner · Invest · Join in header or router. data-cta="intent-switch-*"
2. 2Swap content
   Stat band, proof line and primary CTA change in place. aria-live="polite"
3. 3Persist
   Stored locally; no account, no tracking cookie. localStorage kairon.intent
4. 4Reset
   Always visible; default is “Partner”. intent switch

Separate what is demonstrated from what is targeted, everywhere.

1. 1Mark readiness
   TRL meter + Demonstrated / In testing / Target chip. K07 readiness chip
2. 2Date & verifier
   Demonstrated needs a date and a named verifier. chip meta
3. 3Forward-looking
   Targets link to the forward-looking statement. K12 template
4. 4Filter
   Milestones page filters by status. D05

Restricted technical data stays locked with a clear, respectful request path.

1. 1Region check
   Country of end user; sanctioned regions get a polite stop. data-step="gate-1"
2. 2Company verification
   Work domain + legal entity name. data-step="gate-2"
3. 3End-use declaration
   Free text + certification checkbox. data-step="gate-3"
4. 4Review
   Locked card shows “Requested · 5 business days”. toast + email

Turn “interesting” into a scoped, paid pilot with success criteria.

1. 1Intent card
   Deploy robots. data-step="1"
2. 2Qualify
   Task, payload, shifts, site, start window. data-step="2"
3. 3Book engineer
   Slot picker, 30 min. data-step="3"
4. 4Thank you
   Calendar invite, prep checklist, case study. U01 thank-you

Collect the technical inputs a foundry quote needs, nothing more.

1. 1Intent
   Access capacity. data-step="1"
2. 2Technical inputs
   Node, wafer starts / month, packaging, tape-out date. number inputs with units
3. 3NDA route
   Auto-offer NDA if node ≤ 3 nm. access-request dialog
4. 4Confirm
   Routed to Silicon BD with a named contact. data-cta="capacity-submit"

Register non-binding interest in Solis-1 power.

1. 1Intent
   Energy offtake. data-step="1"
2. 2Profile
   Utility / industrial, region, MW range, start year. segmented + slider
3. 3Disclosure
   Non-binding; forward-looking; target dates. K12 notice
4. 4Follow-up
   Quarterly program update + named contact. double opt-in

Qualified investors request data-room access in one dialog.

1. 1Self-declaration
   Qualified / professional investor checkbox. no pre-check
2. 2Identity
   Firm, role, work email. inline validation
3. 3NDA
   E-sign in the next step. external signer
4. 4Review
   2 business days; status in email. success state

From curiosity to application, or to the talent community.

1. 1Search roles
   Team, site, level filters; results count live. facets
2. 2Role detail
   Problem, team, process timeline, pay range. JobPosting schema
3. 3Apply
   CV + 3 questions, no account. data-step
4. 4No fit yet
   Join talent community by team. double opt-in

Ask one field at a time, only when value is delivered.

1. 1First download
   Email only. data-step="gate-email"
2. 2Second
   Company + role. prefill known
3. 3Third
   Use case. optional
4. 4Never
   Re-ask known fields. profile store

Physics explainers teach through direct manipulation.

1. 1Pose question
   “What does a stronger field do?” section intro
2. 2Manipulate
   Slider with value label and units. K07 slider
3. 3Observe
   Visual + readout update together. aria-live
4. 4Explain
   Plain-language takeaway + source. illustrative label

Viewers always know what they are watching.

1. 1Label
   Autonomous / Teleoperated, speed, edited or not. authenticity chip
2. 2Persist
   Chip stays visible on play and fullscreen. player overlay
3. 3Context
   Date, site, task in caption. transcript
4. 4Raw
   Link to uncut version. resource card

Answer the objections that stall deals before they are asked.

1. 1Safety
   Standards + independent audit. standards badges
2. 2Integration
   ROS 2, OPC UA, MES/ERP. spec sheet
3. 3TCO
   Calculator with editable assumptions. TCO calculator
4. 4Risk reversal
   Paid pilot, success criteria, exit clause. CTA band

Plain language first, data one click away.

1. 1Short answer
   One sentence, no jargon. FAQ
2. 2Compare
   Everyday references (“less than a hospital MRI”). illustrative
3. 3Evidence
   Regulator documents, monitoring data. resource cards
4. 4Contact
   Community line, open days. event card

Find anything in two actions.

1. 1Query
   Global search, “/” shortcut. search overlay
2. 2Group
   Results grouped by type with counts. grouped list
3. 3Refine
   Facets with counts; chips show active. filter chips
4. 4Empty
   Suggest broader query + contact. empty state

Register in one step, remember forever.

1. 1Register
   Name, email, company. Event schema
2. 2Confirm
   Add to calendar (ICS, Google, Outlook). data-cta="add-to-calendar"
3. 3Remind
   24 h and 1 h emails. opt-in
4. 4Replay
   Recording + transcript after. media player

Every live number declares whether it is live.

1. 1Live
   Filled dot, timestamp ticks. live-state indicator
2. 2Stale
   Hollow square, age shown, value dimmed. > 60 s
3. 3Offline
   Last value + “Offline since”. critical notice
4. 4Simulated
   Ring + “Simulated”, model version. info

Consent is informed, symmetric and revocable.

1. 1Cookies
   “Accept all” and “Reject all” equally weighted. cookie banner
2. 2Forms
   Unchecked boxes; purpose stated. checkbox
3. 3Double opt-in
   Confirm email before first send. email
4. 4Revoke
   “Cookie settings” in every footer. footer link

Every async surface has four designed states.

1. 1Loading
   Skeleton mirrors layout; spinner only in buttons. skeleton
2. 2Empty
   Say why + next step. microcopy K12
3. 3Error
   What happened, how to fix, retry. inline error
4. 4Success
   Confirm + what happens next. toast / page

Instrument-panel layout for operations teams.

1. 1Status strip
   Fleet health, alerts count, data state. KPI tiles
2. 2Primary chart
   Throughput with uncertainty band. K10
3. 3Alerts
   Sorted by severity, acknowledgeable. data table
4. 4Tickets
   Maintenance with SLA clock. table

Keyboard and motion-sensitive users get a first-class path.

1. 1Skip link
   First focusable element. skip to content
2. 2Focus ring
   2 px --focus, 3 px offset, never removed. :focus-visible
3. 3Overlays
   Trap focus; Esc closes; return focus. dialog
4. 4Pause
   Any motion > 5 s has a pause control. WCAG 2.2.2