Desktop Design

Mobile Design

Fylo landing page with two column layout

<button type="submit" class="form-button">
                <a href="">Get Started</a>
              </button>

<button type="submit" class="button2">
                <a href="">Get Started For Free</a>
              </button>

<navigation class="page__navbar">
      <img src="images/logo.svg" alt="Fylo logo">
      <div>
        <p>Features</p>
        <p>Team</p>
        <p>Sign In</p>
      </div>
    </navigation>

<h1>
          All your files in one secure location, accessible anywhere.
        </h1>

<p class="page__hero-intro">
          Fylo stores your most important files in one secure location. 
          Access them wherever you need, share and collaborate with friends,family, and co-workers.
        </p>

<div class="second-section-heading">
          <h2>
            Stay productive, wherever you are
          </h2> 
        </div>

<div class="second-section-feature">
          <p>
            Never let location be an issue when accessing your files. Fylo has you covered for all of your file storage needs.
          </p> 
        </div>

<div class="second-section-feature">
          <p>
            Securely share files and folders with friends, family and colleagues for live collaboration. No email attachments required!
          </p>
        </div>

<div class="third-section-content">
        <h2>
          Get early access today
        </h2>
        <p>
        It only takes a minute to sign up and our free starter tier is extremely generous. If you have any questions, our support team would be happy to help you.
        </p>
      </div>

Design comparison

Please log in to post a comment

Community feedback

🖥️Responsive Fylo Landing Page 🖥️

Design comparison

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community