Brand guidelines
Writing about tekir? Giving a talk? Put the cat on a slide? Grab whatever you need from here. No sign-up, no approval loop.
Spelling & usage
The framework name is written as tekir: all lowercase, no spaces, no dots.
Correct
- tekir
- tekir framework
- tekir v0.1
Avoid
- Tekir
- TEKIR
- Tekir.js
- tekir.js
- TekirJS
Logo
A cat's face, drawn once, scaled everywhere. Grab the variant that reads best on your background. Keep it at 24px or larger so the whiskers stay legible.
Designed by Uğur Tuncel.
Colors
Three colors, no gradients, no fuss. Orange carries the brand, dark and white do the rest. If you catch yourself picking a fourth shade, you don't need it.
Orange
#E8722A · rgb(232, 114, 42)
Dark
#0a0a0a · rgb(10, 10, 10)
White
#ffffff · rgb(255, 255, 255)
Typography
Inter reads cleanly at every weight, so it handles everything outside code blocks. Fira Code lives inside them, with its ligatures tuned for the arrows and equals signs you'll actually type.
Body & UI
Inter
The quick brown fox jumps over the lazy dog. 0123456789
Code
Fira Code
const app = await tekir() // 0x1F4A9
Please don't
Recolor the cat. The three variants above are the only ones that ship.
Glue on shadows, glow, outlines, or 3D effects. Flat on purpose.
Squish the proportions. Scale uniformly or not at all.