Design is one of the core components of Bibleio.

Bibleio Design is meant to be friendly, and modern at the same time. Built with personalization, UX and accessibility in mind, we want Bibleio to be for everyone.

Let’s give people an integrated study experience with their device with consistency, accessibility and intuitive UX to improve their environment of studying God’s word.

Development

In our design system, Bibleio Design, we only provide base components such as buttons, selects, etc. For reused components across projects like the main website footer, we also include those in the package. However we do not pre-build huge components such as a sidebar inside our design package. The design package is only used internally in our monorepo.

We try to include micro interactions and smart animations that enhance your experience.

We also want all of our apps to be very customizable, soon we plan to add customizable colors and tints.

We must make all of our code accessible, because that is one of our main points, try to use rem when necessary, alt tags, aria labels, etc. Soon we plan to add way more accessibility features.

Figma Files

Figma FIles