Brand Assets Generator
Canvas generator for technical-diagram brand imagery, PNG or SVG
Tier B · UsefulGeneratorToolbrand-generator.stoyanov.works

A personal single-page canvas tool by Yordan Stoyanov that composes technical, blueprint-style brand imagery — plotted points, dashed circles, crosshairs, coordinate labels and pseudo-telemetry captions such as 'PARAMETRIC.GEN' and 'GEOMETRIC.SYS'. It ships four views (Circles, Studio, Geo Tool, Hero) with six draw modes (Orbital, Radial, Arcs, Lissajous, Constellation, Drawing), three motion types (Morph, Draw, Pulse), six palettes (White/Dark, Black/Light, Gold/Dark, Green/Dark, Cool Dark, Warm Grey), and sliders for grid divisions, turbulence, stroke weight, overlay opacity and a noise/texture layer. Output exports as PNG or SVG at seven built-in presets. It is an image factory for brand and social artwork, not a component library.
For an agent
Reach for this when a user wants a technical/FUI/blueprint hero or social image and you would otherwise fake it with gradients — the SVG export means the output stays crisp and editable, so prefer SVG over PNG whenever it is going into a build. Do not try to script it: it is a Vite SPA that ships an empty 2 KB body and renders everything into a canvas client-side, so there is no API, no route to deep-link a preset, and a headless fetch returns nothing. There is also no stated licence or attribution line, so ask the user before putting an export into anything commercial.
Why it is here. It hits a specific and hard-to-fake look — parametric, instrument-panel geometry — that most gradient and pattern generators cannot produce, and it exports vector rather than a flat bitmap.
Facts
- License
- Unknown
- Pricing
- Free
- Framework
- React
- Styling
- Inline styles
- Distribution
- Web app / online tool
- Platform
- Web
- Content type
- Images / textures / backgrounds
- Agent readiness
- Client-rendered shell
- Accessibility
- Unknown
- Maturity
- Experimental
- Pricing detail
- Free, no account and no visible paywall.
Helps you build
1Templates
7- Instagram Post (1080x1080) · Square social export preset
- Instagram Story (1080x1920) · Vertical story export preset
- Website Hero (1920x1080) · Landscape hero-background export preset
- LinkedIn Post (1200x627) · LinkedIn share-card export preset
- Deck Slide (1920x1080) · Presentation slide export preset
- Poster (1400x2000) · Print-ratio poster export preset
- Portrait 3:4 (1200x1600) · Portrait export preset in the Studio view
Notable for
- Four views: Circles, Studio, Geo Tool, Hero
- Six draw modes including Lissajous and Constellation
- PNG and SVG export at seven size presets
- Six built-in dark-first palettes
- Noise/texture overlay with screen blend
Provenance
Verified 2026-08-15. HTTP 200. https://brand-generator.stoyanov.works (WebFetch returned only the title; curl returned HTTP 200 with a 2,031-byte SPA shell), https://brand-generator.stoyanov.works/assets/index-L3Q8Mjjy.js (279 KB bundle read directly — view names, draw modes, motion types, palette hex values and export presets extracted from the minified source)
Also in Textures, Backgrounds & Assets
6- Ditther · Browser tool for dither, halftone, ASCII, Lego and voxel effects on images and video
- fffuel · 67 free browser generators for SVG backgrounds, patterns, gradients and color tools
- Paper Shaders · 30 zero-dependency canvas shaders as React components or vanilla JS, Apache-2.0
- Radiant · Zero-dependency generative shaders as single HTML files, embedded by iframe
- Shader Lab · Browser shader compositor with a WebGPU React runtime for export
- Unsplash · 8.7M free-to-use photos with a free JSON API at 1,000 requests/hour