Elf Design System
The Elf design system defines the foundations of user interfaces across ANACIT's ecosystem of products & services. It brings all experiences together under a single, unified framework.
Benefits of using the Elf Design System.
Scalability across apps
The design system makes it simpler to scale. Centralized, reusable, and dependable components align designers and developers, ensuring consistency and quality.
Efficiency in building and maintaining apps
Designers save time using prebuilt elements, while developers build more efficiently with reusable code. This makes fixing or updating apps post-launch quicker and easier.
Consistency of brand and design
Consistency is key to great user experiences. Our design system standardizes patterns and components, ensuring a unified experience across platforms and devices.
Preservation of design decisions
When knowledge isn't documented, teams risk losing it during staff changes. Our design system stores all design decisions in a centralized, accessible place.
Effective knowledge sharing
With clear documentation, teams can onboard quickly, collaborate better, and align on guidelines easily. Our design system acts as a central resource for all design decisions.
Explore Component libraries
Alerts
Alerts show urgent messages needing attention; toasts show brief, less intrusive info like success or error.
Button
Trigger actions or events, such as submitting forms, opening dialogs, or navigating to other pages.
Input Fields
Input Fields are used for short, single-line inputs such as names, emails, and passwords.
Checkbox
Checkboxes let users select one or more options from a list, perfect for multi-selection and toggles.
Chips
Chips are small UI elements representing tags, categories, or selections. They help users quickly filter or manage items.
Input Fields
Input Fields are used for short, single-line inputs such as names, emails, and passwords.
Progress Bar
The Progress Bar shows task or process completion. It is a linear indicator used for uploads, form completion, or tracking.
Wondering how to contribute
We welcome all feedback, designs, or ideas in order to produce the best possible experience for our users.
If you're interested in contributing, check out our contributing guidelines to get started.
