PSSVG

Because Start-Automating is a PowerShell shop, we have to make a lot of logos that visually hint at the relation between this project on PowerShell.

Doing this consistently across projects is a big benefit of building your assets with scripts. Essentially, what we can do is create a reusable part of a design and reuse that part in project after project.

I call this sort of technique a “Visual Leitmotif” (a Leitmotif is a recurrent theme throughout a composition).

The SVG standard provides something that can make this a little easier, a Symbol.

Using PSSVG, we can create our Visual Leitmotif with just a few lines of code.

=<svg> -ViewBox 100,100 -Content @(
    =<svg.symbol> -Id psChevron -Content @(
        =<svg.polygon> -Points (@(
            "40,20"
            "45,20"
            "60,50"
            "35,80"
            "32.5,80"
            "55,50"
        ) -join ' ')
    ) -ViewBox 100, 100

    =<svg.use> -Href '#psChevron' -Fill '[#4488](https://github.com/StartAutomating/PSSVG/issues/4488)ff'
)

The above code produces this little nifty graphic:

PowerShell Cheron SVG

That’s a nifty little image we can use again and again.


Here’s the ScriptDeck logo, which makes pretty prominent use of the PowerShell Chevron:

ScriptDeck Logo


Here it is again in the GitPub logo:

GitPub Logo


And again in the ugit logo: ugit Logo


And again in PSDevOps PSDevOps logo: PSDevOps Logo


And, of course, in an updated PSSVG logo: PSSVG logo


As a design technique, visual leitmotifs are a great way to remind people of a central brand without drawing too much attention to it.

With scripting, it’s easy to establish that visual leitmotif and reuse it moving forward.

Just get it right once and include or copy and paste between project to project.

Hope this Helps