Freebie: “Sedna” One Page Website Template (HTML5, Sketch)

Sedna is an elegant and versatile one page website template that was implemented with the latest web technologies and with easy reusability in mind. The Sketch file is included as a bonus.

From our sponsor: Try Mailchimp today.

Today we are very happy to share yet another responsive and modern one page website template with you. Sedna was designed & developed by Peter Finlan, exclusively for Codrops.

Sedna is a carefully crafted HTML5 one page website template that comes with some lovely, smooth effects. It’s sophisticated design makes for a fitting template usable for many different scenarios. It’s coded with user-friendliness and reusability in mind, so that you can fine tune Sedna for your own project.

As a bonus, we are also offering the Sketch file of the design that you can experiment with and use as a base for your design projects.


About the website template

The responsive template is made with the freshest web technologies and it’s built with (among others):


Takes a look at the real pixels:


Check out the live demo of the template: Sedna Live Preview

Download the template for free:

You can download the ZIP file of the template and the design file here:


Use it freely but please don’t republish or redistribute the template.

We hope you enjoy this freebie and find it useful!

If you’d like to contribute and publish your freebie on Codrops just drop us a line.

If you like Sedna then don’t forget to check out Boxify and Halcyon Days, two more responsive and versatile one page website templates for you.

Tagged with:

Peter Finlan

Peter's a UX lead @ Google. Crafting memorable, emotive and engaging experiences through research, testing and data science.

Stay up to date with the latest web design and development news and relevant updates from Codrops.

Feedback 53

Comments are closed.
  1. Nice. Very clean and good spacing. I like the header effect when you scroll down from the top.

  2. This is fantastic! Smooth, classy, elegant.. Thank you so much for sharing this with the world! Appreciated.

  3. very nice, love the design. The down arrow just below the entrance isn’t working as expected (jumps to the top, no animation) probably lacks the class for the scroll effect.

    • Hi Eva!

      Ah you’re right! Thank you for pointing this out. I will update the build 🙂

    • Hi Rachel – I’ve tested the download link, and also opening the file in app – everything is working fine. It might be a problem with your system configuration.

  4. Very nice ! (:


    On Safari (iOS) :
    Background of the fixed navigation appears during the scrolling action.

    On Chrome (iOS) :
    Background of the fixed navigation appears only at the end of the scrolling action.

    Why ?

  5. firstly Thanks for your article. SEDNA is one of the best One page theme I loved. I will definitely use it in future.

  6. Hi, there is something I don’t understand. How can I use the sketch file to update the sedna website? Is it possible that I change some text in sketch and when I view it in my browser, it shows the changes?

    • Hi Seb

      You can use the Sketch file to plan and design any additions or changes to the template you like, after this you would need some knowledge in html/css to implement your changes. Alternatively, you could have a freelancer help you out.

  7. Great Design I like it!!
    Please give me download link for this web icons you use on this theme,
    Thanks in advance.