Some hat styling usability tweaks

[pokey]

• Make bolt a little prettier
• Change aspect ratios of frame and hole to make them easier to tell apart
• Bend green and blue slightly further away from each other
• Pink and red tough to tell apart
• Reorder colors / shapes to prioritise the better ones. Something like:

export const HAT_COLORS = [
  "default",
  "blue",
  "red",
  "green",
  "pink",
  "yellow",
  "userColor1",
  "userColor2",
] as const;

export const HAT_NON_DEFAULT_SHAPES = [
  "fox",
  "curve",
  "frame",
  "ex",
  "play",
  "bolt",
  "eye",
  "crosshairs",
  "wing",
  "hole",
] as const;

[AndreasArvidsson]

Problems

• Hole requires high dpi
• eye: little paint and looks close to frame sometimes
• crosshairs: little paint, should we make it solid?
• Bolt is way too thin overall

new hats:

• infinity sign - name?

misc:

• I think the aspect ratio on frame is fine
• Convert yellow into gold?
• Update default light colors?
• Default values for user colors? We could always recommend a few colors that are not enabled by default.

[pokey]

@AndreasArvidsson Fwiw Matt is planning to look into this one a bit. Mind zooming in and dropping a screenshot here of your light palette?

[AndreasArvidsson]

@pokey Ok these are the ones I'm running with me right now. Navy color is not active since this is on the main branch.

[MartinRykfors]

As discussed in the meetup, I had some ideas for more hats, so I have made a little sandbox repo for designing new ones. You can see my work so far here: https://github.com/MartinRykfors/cursorless_hat_sandbox/blob/master/preview.md

My goal has been to make hats that are 'chunky' in order to avoid hats that are only thin features that cause the colors to be hard to recognize. I have also tried to make them distinct from other hats and ensure they have short recognizable names. Some may still be hard to distinguish from other hats though. Also, some of them do not look very good scaled down (shield, flake, gem) so those should probably be disregarded or improved upon.

I realize now that the default hats seem to have an aspect ratio that make them wider than tall whereas my experiments assume an aspect ratio of 1, but it should not be much of a problem to modify them.

Happy to hear your thoughts!

[AndreasArvidsson]

Nice, a lot of good ideas! heh shroom looks just like a guitar fret in profile. I think my brain is damaged :p

[josharian]

These are amazing. FWIW, my favorites (at small sizes) are:

• shroom
• moon (but sounds like shroom!)
• rook
• knight, horse
• wave

Looking at these makes me wish that ex was a bit chunkier. I love flake but it looks like dot. Maybe if it was less chunky?

Is star (★) out b/c it shares a name with the asterisk?

(NB: I am a novice cursorless user. I currently use only ex and curve, which I renamed brow.)

[MartinRykfors]

I think talon should be good enough to differentiate moon and shroom, though I guess it can vary from person to person. I can add the suggested alternatives lune, luna.

Flake turned out bad in small sizes in my opinion. It is a round shape, so it has to rely on its details in order to look different from the default dot, but those details vanish fast. Shield has the same problem. I will see if it can be improved by making the outer edges chunkier and the inside thinner.

Star is a good idea though as you say it causes ambiguities due to colliding with the knausj star key command. Alternatives could be astro, astri, stella, stern. I'll add it 👍

[pokey]

Neat. If you drop into a meet-up I can help you get them wired up to see how they work in practice.

And yes we favour wide aspect ratio because the space for the hat tends to be wide. But you'll find all that out when you try these in practice 😄