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.

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

Shape kit

Hairline paths. 4px grid. Elbow stays an elbow. 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">