Design of the OKTech Logo
The OKTech Logo was designed in collaboration by Sacha Greif, Gary Wintle and Chris.
The Design followed a process organized by Karim between May and August 2025.
| Variant | Preview | CYMK-.svg* | RGB-.svg | .png |
|---|---|---|---|---|
| On light background |  | .svg | .svg | .png/@2x/@4x |
| On dark background |  | .svg | .svg | .png/@2x/@4x |
| Black |  | .svg | .png/@2x/@4x | |
| White |  | .svg | .png/@2x/@4x | |
| Auto-Dark/Light |  | .svg |
- CMYK-
.svgs contain CYMK colors. If your editor happens to not support it, use the RGB variant.
Colors
Colors are softened versions of the RGB Color Model with a tinted gray for the light content.
| Color | RGB | CYMK | OKLCH |
|---|---|---|---|
| Dark | #2a2b36 | 77% 72% 53% 57% | 0.2928 0.02 281 |
| Black | #000000 | 100% 100% 100% 100% | 0.0141 0 281 |
| White | #ffffff | 0 0 0 0 | 1 0 281 |
| Red | #fd4d69 | 0 83% 43% 0 | 0.6745 0.211 15.93 |
| Green | #49d773 | 58% 0 80% 0 | 0.7802 0.185 149.54 |
| Blue | #459bc9 | 69% 26% 7% 0 | 0.6562 0.107 235.11 |
Complementary colors
The following colors are in the space between red/green/blue and can be used to complement designs and have visual contrast.
| Color | RGB | CYMK | OKLCH |
|---|---|---|---|
| Ocre | #da9a00 | 0 36% 129% 31% | 0.7293 0.152 78.91 |
| Turqoise | #00bfbb | 227% 0 2% 42% | 0.7271 0.1248 192.1 |
| Violett | #ac77e1 | 34% 54% 0 30% | 0.6663 0.1595 305.58 |
Symbol
| Variant | Preview | CYMK-.svg* | RGB-.svg | .png |
|---|---|---|---|---|
| On light background |  | .svg | .svg | .png/@2x/@4x |
| On dark background |  | .svg | .svg | .png/@2x/@4x |
| Black |  | .svg | .png/@2x/@4x | |
| White |  | .svg | .png/@2x/@4x | |
| Auto-Dark/Light (Favicon) |  | .svg | ||
| Incl. White background |  | .svg | .svg | .png/@2x/@4x |
The Symbol hides “O” in the outline of the circle while the 3 arrows pointing towards the center hide the “K” in the negative space.
Interactive
In an interactive context it is okay to start off with an un-tilted version of the logo that becomes tilted.
(Fav-)Icon
Icons are expected to be the symbol on light background. If a platform supports transparency use a non-transparent version on white as icon. If there is support for an alternate version as, supply symbols on transparent backgrounds.
Browsers with SVG support can use the prepared favicon.svg file.
Text
Font: Lexend Extra Bold (Github)
| Variant | Preview | .svg | .png |
|---|---|---|---|
| On light background |  | .svg | .png/@2x/@4x |
| On dark background (also just “white”) |  | .svg | .png/@2x/@4x |
| Black |  | .svg | .png/@2x/@4x |
Complementary Font
For long texts and as contrast to Logo, we use Noto Sans JP (Regular).
Source Code Font
In case we display source code or other monospaced content we use Martian Mono.
Katakana カナ
The kana variant of the name is “オッケーテック”.
Creation Background
The name “OKTech” was not just chosen for its literal reading “OK! Let’s work/talk/study/challenge technology!” but also to have a connection to the Kansai region with O standing for Osaka (大阪) and K for Kyoto (京都).
In the design process, various attempts have been made to try to integrate Kanji or Katakana (オケ).
However, after a vote and deliberation we settled for the Negative Space idea by Gary. Then we worked out the current version after a few iterations:
People
(In alphabetical order)
Chris
Chris (“クリス。コム” in our Discord), joined the community and Osaka in 2024 and works actively on the first version of the OKTech homepage which first incorporated the Logo.
Gary Wintle
Gary (“gwintle” in our Discord), is a professional Illustrator and Animator who joined our community in 2025. He actively works on making websites more exciting using dynamic animations.
Karim
Karim (“greenstorm” in our Discord), moved to Kobe and joined our community in 2023 and became an active contributor with many years in Tech under his belt. At time of writing Karim has been working as a general programmer.
Sacha Greif
Sacha (“sachag” in our Discord), living in Kyoto for many years, has been a transformative member of the Kansai’s english speaking community. Initially, very active in organizing the HNKansai meetup. He is now actively working on global surveys of the tech broader community with DevoGraphics.
Other contributors
Big thanks and many hugs to all other contributors to the design process, namely:
Links
Links to threads in our Disord server where the process happened in public. (join here)