Logo

[benjaminpjones]

We should have one!

[benjaminpjones]

Samtaegeuk but with Vue greens and OGS white. I chose this because the Samtaegeuk is a variant of the Taiji which looks like a variant of the OGS logo.

BTW if anyone has ideas for a different or modified logo, we can discuss! I went ahead and put this in because we needed some replacement for the placeholder Vue icon.

[GreenAsJade]

I came here to submit a logo just like that one, except not as good.

The only thing I do wonder is whether the black deserves to be actual black, which would be a better link with heritage and topic.

[benjaminpjones]

I didn't realize you were watching these! 😄

The only thing I do wonder is whether the black deserves to be actual black, which would be a better link with heritage and topic.

Actually an earlier iteration did just use OGS black & white, but I switched to Vue colors because it fit better with the site's current color scheme. I never tried a black white and green combo though - maybe it would work?

[GreenAsJade]

Yeah I think there's a reasonable chance that there's a green that will work. (The red somehow sticks out too much - I imagine that's what you concluded. :) )

[JonKo314]

Vue's color scheme is nice, but I think we should be able to come up with something of our own.

The only thing I do wonder is whether the black deserves to be actual black, which would be a better link with heritage and topic.

I think so too, but then the third color shouldn't be red I think, because black, white and red reminds me of Germany (and Austria) around 1940.

[GreenAsJade]

I didn't realize you were watching these! 😄

Via comments in slack, rather than actively here :)

[benjaminpjones]

Oh huh somehow I missed this further discussion - haha @JonKo314 I couldn't put a finger on it, but there I did sense a certain harshness to that first iteration 😅

[JonKo314]

I've been thinking about colors a bit. I like the blackish, whitish logo, but all colors should be (somehow) distinguishable from the background when using dark and light mode. That's not easy with blackish and whitish in the logo, but I think it's manageable. Also it would be nice to have, if the logo worked as a stone on the brownish board.

[benjaminpjones]

I like it!

I like the blackish, whitish logo, but all colors should be (somehow) distinguishable from the background when using dark and light mode.

We could use an outline if one background is proving particularly tricky. I think OGS uses highlights to address this issue and also give the logo a bit of depth.

Also it would be nice to have, if the logo worked as a stone on the brownish board.

Yeah! Maybe for three-player games like parallel (n=3), maybe we can default to these!

govariants/packages/vue-client/src/components/boards/ParallelGoBoard.vue

Lines 42 to 45 in 1e76193

	const distinct_colors =
	props.config.num_players === 2
	? ["black", "white"]
	: [

const distinct_colors =
  props.config.num_players <= 3
    ? LOGO_COLORS
    : [...];

[JonKo314]

@benjaminpjones can you tell me something about the geometry? Is the boundary between green and white just a semicircle with a radius that is half as big as the radius of the whole logo? If so, I think that's enough information for me to construct the shape.

Like that?

[benjaminpjones]

That's correct, all just semicircles, rotated by 120°! But hopefully you don't have to recreate the geometry.. you could probably just patch the fill colors in the svg in my earlier comment.

- <path d="M-150 259.808A300 300 0 0 0 300 0a225 225 0 0 0-450 0z" fill="#cd2e3a"/>
+ <path d="M-150 259.808A300 300 0 0 0 300 0a225 225 0 0 0-450 0z" fill="#4ab04a"/>
- <path d="M-150-259.808a300 300 0 0 0 0 519.616A150 150 0 0 0 0 0z" fill="#010101"/>
+ <path d="M-150-259.808a300 300 0 0 0 0 519.616A150 150 0 0 0 0 0z" fill="#0e101b"/>
- <path d="M0 0a150 150 0 0 1 300 0 300 300 0 0 0-450-259.908A150 150 0 0 0 0 0z" fill="#dededd"/>
+ <path d="M0 0a150 150 0 0 1 300 0 300 300 0 0 0-450-259.908A150 150 0 0 0 0 0z" fill="#fbeeee"/>

Edit: as an aside, TaegeukStone.vue generates a slightly different SVG but ends up with the same shape. Might be worth a look if you're interested in the geometry.