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.

%80 Kuralı %80 beyaz/açık nötr · %15 Jet Ink metin · ≤%5 Jet Blue vurgu

Palet

Jet Blue

#0088d0

Ana aksent

Deep Blue

#006ea8

Hover / vurgu

Ice Blue

#eaf6fc

Yumuşak zemin

Jet Ink

#1e2b33

Ana metin

Slate

#65717a

İkincil metin

Mist Grey

#dde3e7

Kenarlık

Cloud White

#f6f8f9

Sayfa zemini

Değerler @imza-io/jet-tokens'tan canlı okunur.

Tipografi

Hero başlık

text-hero · 52–60px / 600

Bölüm başlığı

text-section · 36–40px / 600

Gövde metni — telefon numaranızla 1 dakikada üye olun.

text-base · 16px / 400

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

Her ay 10 Jet Token İmza servisi aktif MVP İLERİ FAZ

Input

Telefon numarası

Kullanıcı adı

Benzersiz olmalı.

Kod

Geçersiz doğrulama kodu.

Avatar · Spinner

Card

Varsayılan

Seçili

OtpInput · interaktif

0/6

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ı.

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.

Tasarım kitini indir .zip · 123 KB · 31 dosya

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ğı

bilesenler/BILESENLER.md
bilesenler/src/

Logo & kullanım

SVG + PNG varyantlar, clearspace kuralları, kurulum ve RTL/SEO rehberi

logo/
kullanim/KULLANIM.md
kullanim/ornek-tailwind.config.js
kullanim/ornek-global.css

Kit sürümü: 0.4.0
jet-tokens: 0.4.0
jet-ui: 0.5.0
Commit: 8ea248e
Üretim: 3 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).