Apps: Redesign system-software-install

[wpkelso]

Related #1151

Redesign system-software-install to separate it from AppCenter branding

[wpkelso]

Initial explorations based off discussion in #1151 . I lean towards following warehouse, but would appreciate your input here @danirabbit

[micahilbery]

That little truck is 👨‍🍳👌💋

[danirabbit]

Yeah the truck is adorable. I would definitely be really careful about designing at smaller sizes though. This icon is very unlikely to be used at 128px. It's probably more likely to be used at 48px in dialogs, 32px in lists, and there's a couple cases of like 16px symbolic as bullets

[wpkelso]

I went ahead and did all of the sizes to keep consistency with the other apps, even if they're unlikely to be used

[danirabbit]

Hey sorry for taking a while to follow up here. This is a super cute little icon. I love that it shows a kind of more "industrial" implication of the package manager versus the app store as well.

My only major complaint is that its much smaller than other icons at its size and where the baseline of the icon is seems to be higher. See for example here:

Another thing to watch out for is how highlight gradients fall over the top edges of objects. Look at this for example. You can see how the gradient stop should match up with where that corner stop is:

[wpkelso]

Oh oops, apparently 'temporary' means permanent. Let me fix that then it will be ready for review again

[wpkelso]

Actually ready for re-review now

[danirabbit]

Looking really good! The smallest sizes are especially cute. Just a few comments here

The border color here is significantly different from the archive file type icon:

when you have a rounded shape that contains another rounded shape, make sure that you adjust the radii so that there's consistent spacing around the edges. See the red circle in the first shape and how there's a lot of extra gap compared to the shape on the right?

Also for highlight gradients you want the outer stops to be contained inside the stroke and the inner stops should line up with the radius handle of the shape basically

[danirabbit]

Thanks for sticking with it through all the rounds of feedback! These are very cute icons, good job :)