Back to Projects
2025
All Things HR
AllThingsHR is a professional HR services website designed to showcase the company's expertise in recruitment, employee management, and corporate training. The site focuses on delivering a modern, professional, and user-friendly interface, built entirely as a frontend project with clean sections for hero, about, services, FAQs, and contact.
Type : customTech Stack : Next.jsLanding Page
Color Pallete
This project’s color palette is designed to create a cohesive visual experience. The chosen colors balance contrast and harmony, reinforcing brand identity while maintaining readability and aesthetic appeal.
#0A7C8A
#1eada6
#455A64
Typography
The typography of this project is designed to create a clear visual hierarchy and enhance readability across all devices. A combination of elegant display fonts for headings and clean sans-serif fonts for body text ensures both style and legibility. Font sizes are carefully balanced to maintain consistency, accessibility, and a modern visual appeal throughout the user interface.
Font Sizes:
Heading: 48px
Sub Heading: 22px
Paragraph: 16px
Outfit
Google Fonts
Extra Bold
Bold
Regular
Responsiveness
Fully responsive design optimized for mobile, tablet, and laptop devices to ensure a smooth user experience across all platforms.
Laptop Responsive
Tablet Responsive
Mobile Responsive
Technologies & Packages Used
- React – The core JavaScript library for building user interfaces using components.
- React DOM – Provides DOM-specific methods for rendering React components in the browser.
- React Router DOM – Enables client-side routing for single-page applications, allowing navigation without full page reloads.
- Framer Motion – A powerful animation library for React used to create smooth transitions and interactive UI animations.
- React Fast Marquee – A lightweight library for creating smooth, scrolling marquee text or image sliders.
- React Icons – Provides a large collection of customizable icons from popular icon sets like Font Awesome and Material Design.
- Swiper – A modern, mobile-friendly slider/carousel library used to display images, testimonials, or featured content.
© 2025 All Rights Reserved by AllSpark Technologies