Need Hosting? We highly recommend Bluehost
Broken link? Please Email or Tweet me
Built by: Dallas Barnes
Template? No, this is a custom built website
Reviewed: July 15, 2016 by @RobHope

10 Quick Tips to tighten your Landing Page design

New Video Tutorial! 10 Quick Tips to tighten your Landing Page design Watch Video

100 Years of National Parks

Centrally-divided layout in this excellent One Pager taking a look back at 100 years of the National Parks Service. Such a lovely touch with the SVG “contour” load animations within the big numbers. Also choosing the Geogrotesque font for an outdoor-themed website is a perfect example of adding x-factor. Great job Dallas and cheers for the build notes.

To best represent a chronological order of events I thought to use a continuous vertical scroll with subtle animations that have intent. There's a hefty amount of SVG usage, I wanted to avoid an excess of load time given that there was already large images being used. With the SVGs I took advantage of CSS3 and the masking techniques of SVG, along with the dash-offset animation capabilities.

Categories: Informational Most Loved

Features: 100% Width Layout Big Images Brown Color Centrally Divided Layout Dallas Barnes Dot Navigation Flat Design Geogrotesque Font Homage Long Scrolling National Parks Service Responsive Design Scroll Hint SVG Animations Tiempos Font Tiempos Headline Font Timeline Tribute United States

100 Years of National Parks Big Screenshot

Rob Hope

This original One Page website was reviewed by Rob Hope

I started One Page Love back in 2008 and want to keep adding more value. Please tweet or email me with suggestions or any questions.

Similar One Page Websites

Most Loved

Build CSS Grid Layouts Visually – Webflow

Inspiration: Build CSS Grid Layouts Visually – Webflow ➔

Webflow continue to deliver, this time with a dazzling Landing Page announcing a new visual CSS Grid integration with their b...

Most Loved

Inspiration: Aurasens ➔

Elegant Landing Page for Aurasens, a limited edition lounger that creates a trans-sensory experience. Lovely touch with the p...

Most Loved

Inspiration: FieldGoal ➔

Real slick Landing Page for FieldGoal - a service that provides form endpoints, so your websites stay simple. It lacks a pote...

Most Loved

Inspiration: Scope ➔

Such a perfect showcasing of a custom typeface in this One Pager for Scope by Jonas Pelzer. The Single Page website begins wi...

Most Loved

Inspiration: Trix ➔

Neat One Page website announcing Trix 1.0 - the WYSIWYG editor powering all textareas in Basecamp. The impressive rich text e...

Inspiration: Flex ➔

Useful little One Pager visualizing all the Flexbox layout properties. Nice touch with the copy-to-clipboard function when cl...

Inspiration: Service List ➔

Long-scrolling informational One Pager by Moe Amaya listing companies offering unlimited services for a fixed monthly fee.

Most Loved

Inspiration: Genesis ➔

Remarkable One Page website packed with gorgeous illustrations and animations for Genesis, a vegan restaurant based in Shored...