Design
cemege design · v0.1.0

Design

All *.cemege.dev sites use this design language. It has neutral surfaces, one ink color, thin lines and mono numbers. A color always has a meaning. To see the two palettes, change the theme in the sidebar.

Color

Surfaces and lines

  • --bgPage background
  • --bg-subtleSidebar, note, raised area
  • --surface-2Kbd, inline code, pressed state
  • --lineHairline, row divider, card edge
  • --line-strongHover edge, emphasized line

Text and ink

  • --textBody text
  • --text-2Secondary text, label
  • --text-3Date, caption
  • --inkHeading, active item, selection
  • --linkInline link, focus ring

Data semantics

  • --gainPositive value, success
  • --lossNegative value, error
  • --infoNeutral data, information
  • --violetExtra data hue
  • --goldPending state, extra data hue
  • --brandSite accent (cemege.dev: ink)

Typography

Text uses Geist. Numbers, labels and dates use Geist Mono. Turkish letters: ı İ ş Ş ğ Ğ ü ö ç.

  • h1Cem Ege Kılınçoğlu30px / 24px on a phone · 600 · −0.035em
  • h2Cem Ege Kılınçoğlu20px / 18px · 600
  • h3Cem Ege Kılınçoğlu18px / 16px · 600
  • bodyCem Ege Kılınçoğlu16px · line height 1.75
  • smallCem Ege Kılınçoğlu14px · navigation, table, secondary text
  • captionUpdated · 4 October 202612px · eyebrow, kbd, tag
  • numbers2026 · 04.10.2026 · 12,480 · +8.2% · −3.1% · 0123456789

Controls

ButtonInk button With icon
Swiftpassedpendingfailedinfo1
Active item1Item2Brand item

Content

These values are examples. They are not real experience.

Career bar

2021 – Now5 yrs 3 mos of work
Example CompanyAnother Company

Journey

  1. Example Company

    4 yrs 11 mos · 2 roles · Ankara, Türkiye

    1. Senior iOS Engineer

      Mar 2024 – Present · 2 yrs 9 mos · Full-time

      • Changed the app from UIKit to SwiftUI.
      1. 2025

        Made a modular routing layer.

      2. 2024

        Became a senior engineer.

      SwiftSwiftUI

    2. iOS Engineer

      Jan 2022 – Feb 2024 · 2 yrs 2 mos · Full-time

      Made the checkout flow.

  2. Another Company

    4 mos

    1. iOS Developer Intern

      Jun 2021 – Sep 2021 · 4 mos · Internship

Row list

Cards

Card title

A card shows one item, for example a project, a link or a summary.

2026Tag
Link card

The full card is a link. When the pointer is on the card, the background changes.

2026Link

Data

These values are examples. They are not real data.

Stat

Visitors12,480Last 30 days
Change+8.2%Compared to the previous month
Errors−3.1%Fewer errors than before

Spine

Light 62%Dark 30%System 8%

Table

PageStatusViewsChange
/passed8,120+6.4%
/journeypassed3,905+12.1%
/designpending455−2.0%
Total12,480+8.2%

Notes

InfoThis is neutral information about the data.
SuccessAll checks passed.
PendingOne review is not done yet.
ErrorThe build failed. See the log.

Credits

The layout and the structure of this site come from the ideas of onur.dev by Onur Şuyalçınkaya (source code). Thank you, Onur. The code of this site is new. This site does not use code from onur.dev.

Typeface: Geist (SIL Open Font License). Icons: Lucide (ISC License).