Fylo is a sleek, dark-themed landing page for a fictional cloud storage service that offers secure and centralized access to your files — anytime, anywhere. This responsive front-end build reflects modern design principles, accessibility, and interactive UI components, and was crafted as a solution to the Fylo dark theme landing page challenge on Frontend Mentor.
Users should be able to:
-
✅ View a responsive layout on mobile and desktop
-
✅ Interact with intuitive hover states and feedback elements
-
✅ Engage with a clear and modern UI built for user trust
Add a screenshot of your solution. The easiest way to do this is to use Firefox to view your project, right-click the page and select "Take a Screenshot". You can choose either a full-height screenshot or a cropped one based on how long the page is. If it's very long, it might be best to crop it.
Alternatively, you can use a tool like FireShot to take the screenshot. FireShot has a free option, so you don't need to purchase it.
Then crop/optimize/edit your image however you like, add it to your project, and update the file path in the image above.
Note: Delete this note and the paragraphs above when you add your screenshot. If you prefer not to add a screenshot, feel free to remove this entire section.
- Solution URL: Add solution URL here
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Responsive design
- Angular v19 - JS library
Use this section to recap over some of your major learnings while working through this project. Writing these out and providing code samples of areas you want to highlight is a great way to reinforce your own knowledge.
To see how you can add code snippets, see below:
<h1>Some HTML code I'm proud of</h1>.proud-of-this-css {
color: papayawhip;
}const proudOfThisFunc = () => {
console.log('🎉')
}If you want more help with writing markdown, we'd recommend checking out The Markdown Guide to learn more.
Note: Delete this note and the content within this section and replace with your own learnings.
Use this section to outline areas that you want to continue focusing on in future projects. These could be concepts you're still not completely comfortable with or techniques you found useful that you want to refine and perfect.
- Linkedin - Ingrid S
- Thanks to Frontend Mentor for the challenge.
- Inspiration from modern SaaS UI trends and user-first design frameworks.