Elektronik imzanız. Daha kolay, daha hızlı.
Jetimza, teknolojisini sergilemek yerine işlemi kolaylaştıran; kullanıcının dikkatini bağırmadan çeken, güven ve rahatlık veren sakin bir dijital servistir.
Palet
Değerler @imza-io/jet-tokens'tan canlı okunur.
Tipografi
Font: Avenir Next (birincil, lisanslı — dağıtılmaz) → self-host Source Sans 3 (OFL) fallback.
Bileşenler
Gerçek @imza-io/jet-ui bileşenleri — bu sayfa
aynı zamanda jet-ui'ın Astro'da çalıştığının canlı kanıtıdır (dogfood).
Button
Badge
Input
Benzersiz olmalı.
Geçersiz doğrulama kodu.
Avatar · Spinner
Card
OtpInput · interaktif
Kurallar
Yap
- Token/utility kullan; ham hex yazma (
bg-jet-blue). - Zero-runtime stil — Tailwind class'ları.
- Astro'da içerik statik veya
client:visible. - Erişilebilir odak:
focus-visible:ring-jet-blue.
Kaçın
- Mavi-mor neon gradientler
- 3D havada uçan karakterler
- Aşırı cam (glassmorphism) efekti
- Tamamen yuvarlak (pill) butonlar
- “Geleceği yeniden yazıyoruz” startup dili
- CSS-in-JS runtime (styled-components/emotion)
- İçerikte
client:only(SSR olmaz → crawler boş görür).
Kullanım
# .npmrc
@imza-io:registry=https://npm.pkg.github.com
pnpm add @imza-io/jet-tokens @imza-io/jet-ui
# tailwind.config
import jetPreset from "@imza-io/jet-tokens/tailwind-preset";
export default { presets: [jetPreset], content: [
"./src/**/*.{astro,tsx}",
"./node_modules/@imza-io/jet-ui/dist/**/*.js",
]};
# kullan
import { Button, OtpInput } from "@imza-io/jet-ui";Tasarım kitini indir
Tasarım sisteminin tamamı tek arşivde: renk paleti (kontrast tablosuyla), tokenlar, tipografi, bileşen dokümanı, logo varlıkları ve marka kuralları.
MVP teknik dokümanları da (strateji & API sözleşmesi, servis mimarisi, veritabanı, gözlemlenebilirlik) arşive dahildir — canlı hâlleri Dokümanlar sayfasında.
İndirirken kimin için olduğu sorulur: takım içi sürüm her şeyi taşır; dış partner sürümünden şirket içi dokümanlar, bileşen kaynağı ve iç kurulum rehberi çıkarılır.
Arşiv kaynaktan otomatik üretilir —
değerler @imza-io/jet-tokens'ın
tokens.css'inden okunur, elle
kopyalanmaz. Bu sayfa neyi gösteriyorsa kit onu içerir.
Marka kuralları
Ton, %80 kuralı, elevation/spacing/radius ölçekleri, kaçınılacaklar listesi
- MARKA-KURALLARI.md
Renk paleti
12 renk · HEX/RGB/HSL · WCAG kontrast tablosu · Figma (.ase), GIMP (.gpl), SVG önizleme
- renk/PALET.md
- renk/palet.json
- renk/jetimza.ase
- renk/jetimza.gpl
- renk/palet-onizleme.svg
Tokenlar
tokens.css (kanonik), fonts.css, Tailwind preset, tokens.json, TS değerleri
- tokenlar/tokens.css
- tokenlar/fonts.css
- tokenlar/tailwind-preset.js
- tokenlar/tokens.json
- tokenlar/index.ts
Tipografi
Font lisansları (Avenir Next dağıtılmaz), ölçek tablosu, kurallar
- tipografi/TIPOGRAFI.md
Bileşenler
8 bileşen · prop/varyant/erişilebilirlik dokümanı + gerçek jet-ui kaynağı
kaynak kod (`src/`) yalnızca takım içi sürümde
- bilesenler/BILESENLER.md
- bilesenler/src/
Logo
46 varyant (yatay · kare · ikon, SVG + PNG) + çevrimdışı kullanım sayfası (LOGOLAR.html), zemin kuralı ve clearspace
- logo/LOGOLAR.html
- logo/LOGO.md
- logo/
Kurulum rehberi sadece takım içi
npm kurulumu (özel registry), Tailwind preset, Astro/SEO, RTL, örnek config'ler
- kullanim/KULLANIM.md
- kullanim/ornek-tailwind.config.js
- kullanim/ornek-global.css
Ürün dokümanları sadece takım içi
6 doküman (ürün stratejisi, MVP teknik strateji & API sözleşmesi, servis mimarisi, veritabanı, gözlemlenebilirlik) + landing mockup
- dokumanlar/DOKUMANLAR.md
- dokumanlar/urun-strateji.html
- dokumanlar/marka-personasi.html
- dokumanlar/mvp-strateji.html
- dokumanlar/mvp-servis-mimarisi.html
- dokumanlar/mvp-veritabani.html
- dokumanlar/mvp-gozlemlenebilirlik.html
- dokumanlar/referans/landing-mockup.html
- Kit sürümü
- 0.4.0
- jet-tokens
- 0.4.0
- jet-ui
- 0.5.0
- Commit
- f969407
- Üretim
- 4 Ağustos 2026
Kit bir anlık görüntüdür; kalıcı entegrasyon için dosyaları kopyalamak yerine
@imza-io/jet-tokens paketini tüketin.
Fontlar lisans nedeniyle arşive dahil değildir (Avenir Next ticari; Source Sans 3 ve
Noto Sans Arabic @fontsource'tan gelir).