Skip to content
Bear Code StudioBear Code Studio™
ServicesWorkProcessStudio
[contact]Start a project
01Colophon

How this site
was built.

A colophon is an old publishing tradition — a note at the back of a book describing how it was made. This is that, for a website.

02Typography

Three typefaces.

Body & UI
Inter
300 – 700
Aa Bb Cc 01 23

Variable font by Rasmus Andersson. Used for everything readable.

Inter ↗
Display accents
Instrument Serif
400 italic
Aa Bb Cc

Italic flourishes for headlines. Free via Google Fonts.

Instrument Serif ↗
Meta & labels
JetBrains Mono
400 – 500
Aa Bb 01 { }

For section indices, timestamps, and terminal vibes.

JetBrains Mono ↗
03Stack

The nuts and bolts.

Framework
Next.js 15 (App Router, SSG)
Language
JavaScript (no TypeScript — keeping it lean)
Styling
Inline styles + CSS custom properties
Fonts
Google Fonts via next/font
Icons
Hand-crafted SVGs, simple-icons paths
Hosting
Vercel
Domain
bearcodestudio.com
Design
Figma → code, no component library
04Choices

What we chose, and why.

No component library

Every component is written from scratch. No MUI, no Chakra, no Radix. The design is the code.

No analytics

We don't track visitors. No GA, no Plausible, no Vercel analytics. The site is static and silent.

No dark mode toggle

Light theme, static, committed. Removing the toggle removed a whole class of complexity.

Real text, not escape sequences

Every em dash, curly quote, and ğ is a real Unicode character in the source. JSX children don't interpret escapes.

05Credits

Made by hand.

Design & code
Yasin K.
Content
The whole team
Bear mark
Hand-drawn in SVG
Tech icons
simple-icons (CC0)
Type
Google Fonts (open license)
Version
v1.0 — June 2026
◉ STATICALLY GENERATED · 0 TRACKING · 0 COOKIES
Bear Code StudioBear Code Studio

A small, senior software studio shipping web, mobile, games, and AI for teams who care about how it's made.

Studio
  • About
  • Process
  • Why Bear
  • Careers
Services
  • Web
  • Mobile
  • Custom software
  • AI integration
  • Game dev
  • Consulting
Work
  • Case studies
  • Process
  • Stack
Apps
  • All apps
Contact
  • Start a project
  • Book a call
  • info@bearcodestudio.com
© 2026 BEAR CODE STUDIO · ANKARA, TR · MADE REMOTELY
PRIVACYTERMSCOLOPHON