Abuja Digital Studio · Est. 2018
Start a Project
Reference

Style kits

Orravo Demos Packorravo.com/docs/orv-demos-pack-v3/kits

Style kits

Kits are pure token swaps. No JS, no images. Apply one globally or scope it to a single imported page.

Bundled kits

Under data/kits/<slug>.php each kit returns a token + extension palette array:

  • atelier-mono - monospace editorial
  • blueprint-pro - blue/grey schematic
  • apothecary - sage and parchment
  • aurora-deep - dark with cool accents
  • ultraviolet-fm - violet on cream
  • tin-press - inked print aesthetic
  • meadow-soft - soft green
  • onyx-studio - high-contrast black
  • letterpress - warm tan, body-text-led

Applying a kit

Orv_D3_Kits::init() hooks the per-page CSS emission and theme-mod application:

  • Per page - the demo's kit field on the manifest applies a <style id="orvd3-kit-{slug}"> block to the body during preview, scoped via the body class orvd3-preview.
  • Globally - Demos v3 > Kits lets you apply a kit to the whole site by writing to theme mods. The change is reversible: pick a different kit and re-save.

Authoring a kit

A kit file returns:

phpreturn array(
    'name'   => 'Atelier Mono',
    'tokens' => array(
        '--orv-ink'    => '#0b0b0c',
        '--orv-paper'  => '#f5f1e8',
        '--orv-parch'  => '#ede5d3',
        '--orv-gold'   => '#b58438',
        // ...
    ),
    'extends' => array(),  // optional inherit-from-another-kit chain
);

Drop the file in data/kits/, refresh Demos v3 > Kits. The new kit shows up in the picker.

Style kits · Orravo Demos Pack Docs | Orravo