Sentre Legacy
  • 🥳Welcome
  • Getting Started
  • DApp Manifest
  • Folder Structure
  • Available Scripts
  • Development
    • View
    • Model & Controllers
    • Providers
      • UI Provider
      • Wallet Provider
      • Account Provider
      • Mint Provider
    • Static
    • Global variables
    • Configs
  • Advanced Usage
    • ☀️Theme
    • 👘Customizing Styles
    • 🪝Hooks
  • 🤩Submitting DApps
  • References
  • Best Practices
  • Troubleshoots
  • 🎨Design Pricinples
    • Button
    • Card
    • Checkbox
    • Color
    • Corner radius
    • Drawer
    • Dropdown
    • Grid
    • Icons
    • Input
    • List
    • Menu
    • Modal
    • Radio
    • Select
    • Shadow
    • Spacing
    • Switch
    • Tabs
    • Tooltip
    • Table
    • Typography
  • 📄Litepaper
    • Introduction
    • Industry Problems
    • Sentre: An All-in-one Solution
      • The Open Protocol
      • Liquidity Efficiency
    • SEN as the Heart of the Ecosystem
      • Asymmetric Deposit
      • Adaptive Fee Model
      • The Triad Pool
      • Simulated Mesh Trading
      • Token Use Cases
    • Conclusion
Powered by GitBook
On this page
  • Guidelines
  • Color
  • Examples
  1. Design Pricinples

Typography

Basic text writing, including headings, body text, lists, and more.

PreviousTableNextLitepaper

Last updated 3 years ago

You should use one font throughout your app's UI, and we recommend sticking with the default font of the platform - Nunito.

Guidelines

Our recommended base font size is 14px and its corresponding line-height is 22px for both desktop and mobile interfaces

1. Desktop & tablet

2. Mobile

Color

Text will be difficult to read if it is too close to the background color.

Examples

Users rely on visual hierarchy when scanning a page: headers summarize content, and body text provides more detail.

🎨