Digiko follows a comprehensive design system documented in the design_guide.md file. The guide ensures consistency across all pages and components with Apple-inspired fintech minimalism.
Design Philosophy
- •Blue-only color palette with #0066FF as primary brand color
- •Glass morphism effects with 24px backdrop blur
- •Ultra-dark backgrounds (#0A0A0C) for premium feel
- •Geist fonts for clean typography
- •No pulsing animations (smooth transitions only)
Token Page Patterns
Token pages (DGKO, BABYDGKO) follow standardized patterns documented in design guide v1.6. All token pages must use consistent spacing, API patterns, and component structures.
Standard Spacing
py-16 for pages, mb-12 for sections, mb-6 for section titlesAPI Pattern
Single call to /v1.0/assets/ASSET-ID with precision 10000APR Display
Always use text-green-400 for APR valuesCritical Rules
- ⚠Always fetch token data from a single API call - no separate staking endpoint
- ⚠Use hardcoded precision 10000 for DGKO and BABYDGKO (4 decimals)
- ⚠Maintain py-16 padding across all token pages for consistency
- ⚠Follow the token page checklist before deploying new pages
Key Components
Inner Stat Cards: bg-white/5 rounded-2xl p-4 for stats inside glass containers
Donut Chart: 280px size, 16px stroke, 2% gap, tech-modern blue palette
Activity Cards: Colored icon backgrounds (burn: red, mint: blue, gift: cyan)
Origin Story: Optional card for meme tokens with special backstory