Items draw with colour roles and type roles, not fixed colours. Pass one of the built-in styles, or your own DESIGN.md, and every graphic in the library re-skins.
volito styles # list them
volito render title-card --style cobalt
volito render title-card --style ./DESIGN.md
volito render title-card --style ember --accent "#00A86B" --display "Fraunces:900" --mode light
Volito's styles
Each comes with an animated pattern for a ground: a colour field, a poster, a risograph, a HUD.
cobalt · dark · bauhausSwiss colour field: an electric cobalt ground, cream type, an acid-lime call to action and big Bauhaus shapes at the corners
tomato · dark · halftonePoster heat: a tomato-red ground, cream type, black slabs and a halftone screen swelling from the corner
acid · light · ditherBiennale print: an acid-yellow sheet, deep indigo ink, an ember accent, a high-contrast serif and a pixel dither rising from the bottom
candy · light · dotsNeo-brutal candy: off-white, black 4 px outlines and hard shadows, bubblegum pink and butter yellow, a dot grid
riso · light · halftoneRisograph zine: warm paper, fluorescent pink and riso blue, a chunky grotesk and halftone dots
aurora · dark · meshNight aurora: a near-black ground under drifting violet and cyan light, glass cards, a wide display face
sunset · dark · meshGolden hour: a plum ground lit by coral and gold blooms, a quirky grotesk that bounces
lime · dark · plusProduct launch: an ink ground, electric lime, a soft violet, a crisp grotesk on a grid of plus marks
sport · dark · stripesMatchday: black ground, volt yellow and blaze orange, condensed headlines, speed stripes
retro · light · wavesSeventies groove: cream paper, burnt orange and mustard, a heavy soft serif, flowing wave lines
diner · light · checkerRetro diner: cream, cherry red and soda teal, a brush script headline, checkerboard floor
blueprint · light · graphGraph-paper editorial: cream paper, cobalt ink, a coral spark, a high-contrast serif and mono labels
forest · dark · ringsEditorial forest: a deep green ground, cream type, peony pink and marigold, a soft serif, compass rings
luxe · dark · sunburstArt deco luxury: black, champagne gold, an elegant serif in tracked capitals, a slowly turning sunburst
capsule · light · pillsPlayful capsule: bleached cream, ink outlines on everything, coral and lime, pill shapes floating at the edges
memphis · light · confettiMemphis party: warm white, hot pink and sky blue, confetti squiggles and triangles at the edges
swiss · light · tilesInternational style: off-white, black, signal red and a blue, heavy Inter, a quiet field of Bauhaus tiles
terminal · dark · ditherHacker terminal: black, phosphor green, amber warnings, monospace everything, a pixel dither glowing up
vapor · dark · wavesSynthwave: midnight purple, hot magenta and cyan, a rounded display face over neon wave lines
scifi · dark · plusMission control: deep space, cyan HUD lines, a magenta alert, a geometric display face on a plus-mark grid
mint · light · dotsFresh mint: a mint-green sheet, deep green ink, a coral pop and a cobalt link, a friendly grotesk on dots
editorial · light · hatchMagazine: warm white, black ink, one red, a heavy didone and fine hatching
MONARC PRO's styles
The editor's own looks and its eight explainer art styles, so a graphic rendered here matches one made on a MONARC PRO timeline.
ember · dark · gridDark creator-explainer: ink grounds, an orange signal colour, a yellow marker, punchy springs
cream · light · noneFriendly and flat: a cream ground, ink type, orange only as small marks, lavender and butter-yellow tiles
mono · dark · grainMagazine-calm: near-black and bone, one red, a serif italic accent word, film grain
neon · dark · glowTech-forward: deep night grounds, violet and mint glows, glass panels, crisp grotesk type
pop · light · noneLoud and playful: butter ground, hot pink and yellow, condensed caps, thick ink outlines with hard shadows
studio · light · noneCalm and credible: light grey ground, slate ink, one confident blue, teal for data
whiteboard · light · boardWhiteboard explainer: black marker on a white board, red for the key point, blue for arrows — everything draws itself on
sketch · light · paperHand-drawn sketchbook: graphite lines that boil, handwritten notes, coral doodles and a yellow highlighter on warm paper
pastel · light · noneFlat 2D explainer: soft pastel shapes, deep indigo ink, rounded type, pop-in squash and stretch
pixel · dark · pixel8-bit pixel art: night-purple grounds, hot pink and cyan, chunky pixel type, stepped boxes, animation on twelves
collage · light · paperCut-paper collage: torn pieces with white borders and tape, halftone, ransom-note letters, stop-motion jumps
diorama · light · studioLayered paper diorama: stacked cut-paper landscapes with deep shadows and a slow parallax camera
clay · light · studioClay stop-motion: chunky rounded forms with a soft sheen on a studio backdrop, squash on landing, a wobble on twelves
storybook · light · parchmentIllustrated storybook: watercolour washes on parchment, sepia ink frames, an old-style serif, calm page-turn pacing
Your own brand: DESIGN.md
A DESIGN.md is the brand as tokens and prose: front matter for the colours, faces and motion feel, then any notes. Pass the file as the style and the whole library wears it.
parseDesignMd also reads Google's design.md tokens, CSS variables and plain prose: every colour named is mapped to a role. motion takes an ease or spring name from Motion; texture names a pattern below.
Faces
Inter, Space Grotesk, Space Mono, Poppins, Playfair Display, Montserrat, Anton, Outfit, Gabarito, Caveat, Press Start 2P, Permanent Marker, Patrick Hand, Fredoka, IM Fell English, Bebas Neue, DM Serif Display, Archivo Black, Syne, Unbounded, Righteous, Orbitron, Pacifico, Fraunces and Bricolage Grotesque, all under the SIL Open Font License. Name one as Family:weight.
Patterns
A style's texture can name any of sixteen animated patterns, and every ground the items draw picks it up. Each is a pure function of time drawn as SVG, so there is no GPU and the same frame every time.
Options: box, color, color2, a (strength), scale, speed, angle, at ([x, y] for rings, halftone and sunburst), count, seed, r. The editor's grid, glow, grain, paper, board, parchment, pixel and studio textures still work.
