A landing page for a fictional digital agency, created as a personal project. The focus is on a clean design, accessibility, and performance.
Live demo: https://hexlabelposition.github.io/lumos/
- Astro
- Tailwind CSS
- TypeScript (strict mode)
Clone the repository and install dependencies:
git clone https://github.com/hexlabelposition/lumos.gitNavigate to the project directory:
cd lumosInstall dependencies:
bun installStart the development server
bun run dev| Command | Description |
|---|---|
bun run dev |
Start development server |
bun run build |
Build for production |
bun run preview |
Preview production build |
bun run format |
Format code with Prettier |
Tested with Lighthouse:
| Category | Score |
|---|---|
| Performance | 100 |
| Accessibility | 95 |
| Best Practices | 100 |
| SEO | 100 |
Based on a paid UI kit, reimplemented from scratch as a learning exercise.
- Design: Lumos - Digital Agency Landing Page UI Kit
- Author: anandafaristd
All design rights belong to the original author. This project is for educational purposes only and is not intended for commercial use.
This project is licensed under the MIT License - see the LICENSE file for details.
