Catalyxt DS · Playground

Demo — try the live controls. Status is the full HAVE / WRAP / SKIP list.

Logo

Same ribbon-C as catalyxt.xyz. Flat / 3D SVG in assets/catalyxt/. Letter tiles below are product chrome, not this mark.

Brand mark

Independent products change the letters. Catalyxt sites use C / 39 / EC.

Buttons

Primary

Secondary

Ghost

Danger

Small

Disabled

Chips

OK 9.1

Extended

Avoid

Pullback

Active

Slider

Cards

Offline classroom. Safe for practice phrases.

Nothing is written to disk or sent to a server.

Nav

App-shell step list. One item active.

Field

Generic text input. Products set their own label.

Divider

Optional labeled rule. Not part of the field above.

Passkey

Shape kit

Hairline paths. 4px grid. Elbow stays an elbow. Not Gap kit.

Select / toggle / field extras

Wave 1 — native select is not a menu.

Helper under a field.

Fee rate is a teaching hint.

Open dialog

Air-gap still holds.OK

Chrome

Rate limit. Desk banner, not a card.

Panel slot.

Ticker	Status
AAPL	ok

KeyValue

The rest of a site

Try another filter.

Legal · Privacy

Specimens

Not primitives. Education Gap kit and BIP39 chapter drawings for consume. Kit freeze: no new catalog tags until a first consumer imports tokens + <cx-*>.

Gap kit

Unique Atom-shaped assets, Catalyxt tokens. Three variants only.

Weekly plan + mocks

Sit one timed mock.

Timed mocks.

Yes.

Chapter visuals

On-page compositions in accent hairline. Starter (i) is hover-only. Locked shapes only. No product page.

Wget aliases (secondary)

starter-info.svg · beginner-seed.svg · intermediate-shares.svg · advanced-keys.svg · starter-hover-i.svg · beginner-key-entropy.svg · intermediate-keys-shares.svg · intermediate.svg · advanced-master-child.svg · advanced.svg

Consume

Set the variant on <html>. The header switcher only previews it.

<html data-cx-variant="app-shell|marketing|desk">