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.


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's a Sydney based UX/UI Product Designer & Front End Developer from Sydney, Australia. Crafting memorable, emotive and engaging experiences through research, testing and data science.

View all contributions by


Related Articles

Feedback 44

  1. 4

    Hey Peter — great theme! Question…I’m using Koala App to compile my .scss and I’m getting a couple of errors:

    – @import “compass”; <– there is no compass directory or associated files so it won't compile.
    – @include border-radius( … ); <– this also prevents a successful compiling

    Any thoughts?

    • 8

      Hey Geordie!

      InVision is a fantastic product, one myself and many of my designer friends use every day. Inspiration comes from all around us, but for me, it’s more about designing using best practise ui patterns and experiences that users are used to interacting with. As designers, that allows us to validate our design decisions.

      Thanks for the feedback and I hope you enjoy Sedna for what it is. :)

  2. 9

    Peter – I am not a designer and/oe a developer. I have looked and tried many free templates so far and Sedna is by far the best of all!!!
    It si amazingly beautiful, blazing fast and highly professional!

    Thanks for making it free!!!

    One question though – I don’t have Sketch. I use Affinity Designer.
    Any chance of getting the Sketch file converted to PDF or PSD?

    I’d be happy to pay or make a donation if you have a facility to accept.

    Thanks again!!

    • 10

      Hey Miko!

      If you have a Mac, you can download a free trial of Sketch and check out the Sketch file. Unfortunately, at this point there’s no plan to convert to a PSD due to time/resources.

      This may change in the future so check back for details.

  3. 11

    Peter – thanks for making this amazing template free!
    It is bt far the best and most beautiful template I have ever come across, especially as a non-designer, non-developer.

    Unfortunately, I don’t have Sketch. Would it be possible to convert the Sketch files to PDF so that I ould open them in Affinity Designer?

    Many thanks again!!!

    • 15

      Hey Walter,

      The icons are included in the Assets. If you’re having trouble finding them, they’re called Et-Line Icons.


  4. 16

    It’s wonderful template I loved it.

    Mr. Peter
    Please can I convert it to Arabic Template and make some change?


  5. 17

    Great theme Peter, thank you for sharing.

    Can I use the banner “” for my commercial website?

    • 18

      Can anyone please clarify that I can use the banner provided in this theme for my commercial site? “”

Follow this discussion

Leave a Comment

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>