A refined Android reading experience built with Kotlin and XML.
Bookly brings together books, discovery, personal collections, and profile management inside a warm literary interface inspired by classic book aesthetics.
A quiet place for books, discovery, and everything worth reading.
Bookly is a UI-focused Android application designed around the experience of discovering and organizing books.
The interface combines a rich burgundy palette, warm cream surfaces, elegant typography, custom resources, and carefully structured layouts to create an application that feels more like a digital reading space than a conventional mobile interface.
The current project focuses on the frontend experience and navigation structure, built entirely with Kotlin and XML.
| Discover | Explore | Collect | Personalize |
|---|---|---|---|
| Find books and featured content | Browse categories and recommendations | Keep your personal library organized | Manage your profile and settings |
Bookly is structured around four primary areas:
Home A welcoming starting point with featured books and quick access to content.
Explore A discovery-focused space for categories, recommendations, and horizontally scrollable sections.
Library A dedicated space for a user's saved and collected books.
Profile A personal area containing profile information and access to the settings side navigation.
|
Splash Screen 
|
Login Screen 
|
Home Screen 
|
|
Explore Screen 
|
Library Screen 
|
Profile Screen 
|
|
Profile Settings 
|
Bookly keeps the main application flow simple and centralized.
Splash Screen
│
▼
Login Screen
│
▼
MainActivity3
│
┌────────────────┼────────────────┐
│ │ │
▼ ▼ ▼
Home Explore Library
│ │ │
└────────────────┼────────────────┘
│
▼
Profile
│
▼
Settings Side Navigation
MainActivity3 acts as the main host for the application's primary fragments.
The entire interface is built around a restrained literary palette.
Burgundy
|
Cream
|
Rose Burgundy
|
Deep Wine
|
Warm Sand
|
| Color | Role |
|---|---|
#800020 |
Primary brand color, buttons, icons, active states |
#FFF8E7 |
Main background, cards, and light surfaces |
#A9384D |
Secondary burgundy and interactive states |
#4A0E1F |
Deep accents and darker typography |
#EFE3C8 |
Supporting surfaces, separators, and subtle contrast |
The palette intentionally keeps the interface warm rather than relying on the typical blue, green, or purple Android color systems.
Typography is one of the defining elements of Bookly.
Instead of treating text as simple UI labels, the design uses typography to reinforce the application's literary identity.
The literary voice of Bookly
Elegant serif forms create the feeling of a classic book cover while keeping headings distinctive and expressive.
The functional voice of Bookly
Used for supporting information, controls, navigation labels, and content where clarity is more important than decoration.
The combination creates a deliberate contrast:
LITERARY
Elegant
Expressive
Classic
Distinctive
+
FUNCTIONAL
Clean
Readable
Structured
Modern
This balance allows Bookly to feel book-inspired without becoming visually outdated.
Bookly's visual system is built around consistency rather than excessive decoration.
Book cards and content surfaces use:
- Soft cream surfaces
- Burgundy accents
- Controlled corner radii
- Consistent internal spacing
- Clear hierarchy between title, author, and supporting content
Primary actions follow the Burgundy and Cream identity with clear visual hierarchy and consistent sizing.
The bottom navigation provides access to:
Home Explore Library Profile
The profile screen additionally provides access to the settings side navigation.
Dimensions are centralized through Android resource files, allowing spacing, sizing, and typography values to remain consistent throughout the application.
| Layer | Technology |
|---|---|
| Language | Kotlin |
| UI Development | XML |
| Platform | Android |
| UI Components | Material Design / Material Components |
| Navigation | Android Fragments |
| Build System | Gradle |
| Development Environment | Android Studio |
| Version Control | Git & GitHub |
| Minimum SDK | API 24 |
| Compile SDK | API 37 |
The application uses a straightforward Activity + Fragment architecture.
MainActivity
│
└── Initial application flow
│
▼
MainActivity3
│
┌──────┼──────┬─────────┐
│ │ │ │
▼ ▼ ▼ ▼
Home Explore Library Profile
│
▼
Settings Navigation
The main fragments remain under MainActivity3, keeping the primary navigation flow centralized.
The project is organized according to the Android Studio structure currently used by Bookly.
Bookly/
│
├── app/
│ │
│ ├── androidTest/
│ │
│ ├── main/
│ │
│ ├── unitTest/
│ │
│ ├── manifests/
│ │
│ ├── kotlin+java/
│ │ └── com.hibba.bookly/
│ │ │
│ │ ├── MainActivity.kt
│ │ ├── MainActivity3.kt
│ │ │
│ │ ├── HomeFragment.kt
│ │ ├── ExploreFragment.kt
│ │ ├── LibraryFragment.kt
│ │ └── ProfileFragment.kt
│ │
│ ├── res/
│ │ │
│ │ ├── drawable/
│ │ ├── font/
│ │ ├── layout/
│ │ ├── menu/
│ │ ├── mipmap/
│ │ ├── values/
│ │ └── xml/
│ │
│ └── keepRules/
│
├── ScreenShots/
│ ├── SplashScreen.png
│ ├── LoginScreen.png
│ ├── HomeScreen.png
│ ├── ExploreScreen.png
│ ├── LibraryScreen.png
│ ├── ProfileScreen.png
│ └── ProfileSideNavigationSetting.png
│
├── build.gradle.kts
├── settings.gradle.kts
├── gradle.properties
├── .gitignore
└── README.md
kotlin+java/
└── com.hibba.bookly/
│
├── MainActivity.kt
├── MainActivity3.kt
│
├── HomeFragment.kt
├── ExploreFragment.kt
├── LibraryFragment.kt
└── ProfileFragment.kt
res/
│
├── drawable/ → backgrounds, shapes, icons and visual resources
├── font/ → custom typography
├── layout/ → XML screen layouts
├── menu/ → navigation and menu resources
├── mipmap/ → launcher resources
├── values/ → colors, strings, dimensions, themes and styles
└── xml/ → additional XML configuration
git clone https://github.com/h-hibaaah/Bookly.gitOpen the cloned project in Android Studio:
File → Open → Bookly
Allow Android Studio to complete the Gradle synchronization.
Start an Android emulator or connect an Android device, then run the application.
| Requirement | Version |
|---|---|
| Platform | Android |
| Minimum SDK | API 24 |
| Compile SDK | API 37 |
| Language | Kotlin |
| UI | XML |
| IDE | Android Studio |
