DirectionZ brings your references, brand marks, brand books, social sizes, footers and layout grids into one studio, with a toolkit of 60+ free design utilities. Every export is clean SVG, ready for the next step in your design.
Each tool is built to hand off clean files: SVG where it matters, and a link to the source wherever a reference came from.
A masonry library of visual references with colour filters, tags, search, and infinite scroll.
OpenCurate visuals into boards, keep them private, or publish them to share direction with clients.
OpenRemove backgrounds in the browser for free, or through a cloud engine. Save cutouts as references.
OpenA vector archive with clean SVG preview, copy, and download, plus logo colour and category tools.
OpenSearch open-source icon packs, recolour them, and save icons straight into a moodboard.
Open219 motion templates, per-word and per-shape animation, recolouring, and icon animation. Export a self-contained SVG.
OpenPlatform sizes for covers, profiles, posts, stories, and pins, with safe zones and blank canvases.
OpenFooter bands from 30+ templates in 18 layouts. Every line is an item you can add, edit or remove. Keep them private or share with a link.
OpenColumns, rows, gutters, and baselines for any canvas, exported as an SVG overlay.
Open39 industry templates and 12 page looks for full identity guidelines. Preview every page and print to PDF.
Open60+ free browser tools: contrast, palettes, type scales, grids, bleed, shadows, SVG shapes, image tools, quotes.
OpenAnimated titles, lower thirds, cards and infographics for After Effects and Premiere. Edit text and fonts, export PNG sequences, AE scripts, SVG and WebM.
OpenPick, convert and build brand palettes with harmonies, contrast checks and swatch exports.
OpenPreview and compare the typefaces installed on your machine, with sample text and pairings.
OpenPrivate spaces with invite links and passcodes that gather visuals, logos, and boards for a client.
OpenAdd visual references; colours and tags are extracted automatically and the image joins your library.
OpenTurn up to 60 images into an animated video with transitions, motion and animated text. Export MP4 or WebM.
OpenLink-in-bio pages and digital menus with one dynamic QR code. 480 templates in 16 designed looks, live analytics.
OpenContrast, harmonies, tints and shades, colour-blindness checks and palette extraction from any image.
OpenResize, compress, crop to ratio, duotone, favicons and base64, all in the browser.
OpenFooters assemble, grids draw themselves, logos animate, palettes are pulled from a reference, and social sizes come with safe zones. Pick a scene or let it play.
Contrast, palettes, type scales, grids, bleed, shadows, SVG shapes, image resizing, quotes and briefs. Each one runs in your browser and takes seconds.
Three steps that cover most of a design project.
Upload references, pull in brand logos, or search open-source icons. Colours and tags are extracted automatically.
Group visuals into moodboards and workspaces, then cut out subjects or build grids to frame the direction.
Animate a logo, size a social post with safe zones, build a footer or brand book, check contrast and bleed in the toolkit, and export SVG ready to paste into your design.
Upload a visual, pick a colour, animate a logo, and export a footer. Everything stays private until you choose to share it.
