Sınav Arena

Bilgi Güçtür

Onboarding

Bir sonraki ekran için hazır.

Splash geçişi tamamlandı. Buraya onboarding akışı eklenecek.

Design System

Component Showcase

Bu sayfa gerçek ekran değil; proje içinde kullanılacak renk, tipografi, spacing, kart, buton, glass ve animasyon sınıflarını gösteren örnek alandır.

Tokens

Renk Paleti

Primary
#5ee7ff
Secondary
#8f7cff
Accent
#ffd166
Success
#45e08f

Components

Button Stilleri

Surfaces

Card ve Glassmorphism

Base Card

Temel kart yapısı, sade yüzey ve ince border kullanır.

Elevated Card

Daha güçlü shadow ve gradient surface ile öne çıkar.

Glass Card

Blur, transparan yüzey ve yumuşak ışık efekti içerir.

Foundation

Sistem Tokenları

Spacing

  • Small--space-2
  • Medium--space-4
  • Large--space-8

Radius ve Shadow

  • Radius--radius-md / --radius-xl
  • Shadow--shadow-sm / --shadow-lg
  • Breakpoints480 / 768 / 1024 / 1280