Graphite product style kit

Restyle a site, or build a new one, in a dark graphite style: layered surfaces, hairlines, pill buttons and product mock-ups drawn in code.

Graphite product style kit

Bring your existing site to restyle, or a short brief for a new one. The Skill returns design rules, tokens, components with light and dark themes, motion, a live gallery and a starter page; works with plain CSS.

How it works

  1. Write the brief

    Give the Skill the facts it needs: brand, audience, what the page must say.

  2. Edit

    The Agent rewrites the template’s copy, data and images for your brief.

  3. Check

    The validator checks the file; every sample piece must be replaced.

Frequently asked questions

Do I need a key?

No. The Skill’s scripts do not call a model or the network, so there is no SandBase key to set up. Your Agent uses its own models.

Is the example safe to open?

It runs in a sandboxed frame with an opaque origin: it cannot read your SandBase login, call APIs, submit forms or open pop-ups.

Can I deploy the page myself?

Yes. After the inline step the page is one HTML file you can put on any static host. Read the package’s notices first.

Where do the images and fonts come from?

The example’s images were generated for its brief during the run. For the files inside the package, see references/third-party-notices.md. Lab makes no statement about licences: check that file and decide for your own use.