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.

Gap kit

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

Weekly plan + mocks

Sit one timed mock.

Timed mocks.

Yes.

Shape kit

Four paths. 1px hairline, 4px grid, no shadow. Not Gap kit.

Brand mark

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

Buttons

Primary

Secondary

Ghost

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

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

Consume

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

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