---
title: Keel | Documentation — Nightshift theme
description: Documentation. A demo page of Nightshift, a dark editorial HubSpot theme by Studio Nope.
---

[Skip to main content](https://www.nopethemes.com/nightshift/documentation#main-content)

Menu 

Nightshift docs

[![Keel](https://www.nopethemes.com/hubfs/raw_assets/public/studionope-nightshift/images/brand/keel-logo-dark.svg)](https://www.nopethemes.com/nightshift/homepage?hsLang=en)

/

Getting started

[Overview](https://www.nopethemes.com/nightshift/documentation#overview) [Install the theme](https://www.nopethemes.com/nightshift/documentation#getting-started-install-the-theme) [Add your logo and favicon](https://www.nopethemes.com/nightshift/documentation#getting-started-add-your-logo-and-favicon) [Set your colours](https://www.nopethemes.com/nightshift/documentation#getting-started-set-your-colours) [Set your fonts](https://www.nopethemes.com/nightshift/documentation#getting-started-set-your-fonts) [Set up the header and footer](https://www.nopethemes.com/nightshift/documentation#getting-started-set-up-the-header-and-footer) [Build your first page](https://www.nopethemes.com/nightshift/documentation#getting-started-build-your-first-page) [Before you launch](https://www.nopethemes.com/nightshift/documentation#getting-started-before-you-launch)

Theme settings

[Grid and spacing](https://www.nopethemes.com/nightshift/documentation#settings-grid) [Section surfaces](https://www.nopethemes.com/nightshift/documentation#settings-surfaces) [Corners](https://www.nopethemes.com/nightshift/documentation#settings-corners) [Display type](https://www.nopethemes.com/nightshift/documentation#settings-display-type) [Vertical rhythm](https://www.nopethemes.com/nightshift/documentation#settings-rhythm) [Brand Colors](https://www.nopethemes.com/nightshift/documentation#settings-colors) [Typography](https://www.nopethemes.com/nightshift/documentation#settings-typography) [Buttons](https://www.nopethemes.com/nightshift/documentation#settings-buttons) [Forms](https://www.nopethemes.com/nightshift/documentation#settings-forms) [Cards](https://www.nopethemes.com/nightshift/documentation#settings-cards) [Layout and Spacing](https://www.nopethemes.com/nightshift/documentation#settings-layout) [Navigation and Footer](https://www.nopethemes.com/nightshift/documentation#settings-header-and-footer) [Animations](https://www.nopethemes.com/nightshift/documentation#settings-animations) [Icons](https://www.nopethemes.com/nightshift/documentation#settings-icons) [Icon Fonts](https://www.nopethemes.com/nightshift/documentation#settings-global-fonts) [Logo strip](https://www.nopethemes.com/nightshift/documentation#settings-logo-strip) [Design Tokens](https://www.nopethemes.com/nightshift/documentation#settings-design-tokens) [Components](https://www.nopethemes.com/nightshift/documentation#settings-components) [Resource Library](https://www.nopethemes.com/nightshift/documentation#settings-resource-library) [General Style](https://www.nopethemes.com/nightshift/documentation#settings-general-style)

Design guidelines

[Section surfaces](https://www.nopethemes.com/nightshift/documentation#design-section-surfaces) [Spacing and section rhythm](https://www.nopethemes.com/nightshift/documentation#design-spacing-and-section-rhythm) [Colour](https://www.nopethemes.com/nightshift/documentation#design-colour) [Typography](https://www.nopethemes.com/nightshift/documentation#design-typography) [Buttons](https://www.nopethemes.com/nightshift/documentation#design-buttons) [Product shots and imagery](https://www.nopethemes.com/nightshift/documentation#design-product-shots-and-imagery) [Calls to action](https://www.nopethemes.com/nightshift/documentation#design-calls-to-action) [Forms](https://www.nopethemes.com/nightshift/documentation#design-forms) [Motion](https://www.nopethemes.com/nightshift/documentation#design-motion)

Modules

Heroes and intros

[Nightshift Hero](https://www.nopethemes.com/nightshift/documentation#module-nightshift-hero) [Nightshift Page Hero](https://www.nopethemes.com/nightshift/documentation#module-nightshift-page-hero) [Nightshift Intro](https://www.nopethemes.com/nightshift/documentation#module-nightshift-intro)

Product and features

[Nightshift Feature Tour](https://www.nopethemes.com/nightshift/documentation#module-nightshift-feature-tour) [Nightshift Solutions](https://www.nopethemes.com/nightshift/documentation#module-nightshift-solutions) [Nightshift Split](https://www.nopethemes.com/nightshift/documentation#module-nightshift-split) [Nightshift Cards](https://www.nopethemes.com/nightshift/documentation#module-nightshift-cards) [Nightshift List](https://www.nopethemes.com/nightshift/documentation#module-nightshift-list) [Nightshift Steps](https://www.nopethemes.com/nightshift/documentation#module-nightshift-steps) [Nightshift Media](https://www.nopethemes.com/nightshift/documentation#module-nightshift-media) [Nightshift Stats](https://www.nopethemes.com/nightshift/documentation#module-nightshift-stats) [Nightshift Table](https://www.nopethemes.com/nightshift/documentation#module-nightshift-table)

Proof and people

[Nightshift Stories](https://www.nopethemes.com/nightshift/documentation#module-nightshift-stories) [Nightshift Quote](https://www.nopethemes.com/nightshift/documentation#module-nightshift-quote) [Nightshift Logos](https://www.nopethemes.com/nightshift/documentation#module-nightshift-logos) [Nightshift People](https://www.nopethemes.com/nightshift/documentation#module-nightshift-people)

Conversion

[Nightshift Pricing](https://www.nopethemes.com/nightshift/documentation#module-nightshift-pricing) [Nightshift FAQ](https://www.nopethemes.com/nightshift/documentation#module-nightshift-faq) [Nightshift Form](https://www.nopethemes.com/nightshift/documentation#module-nightshift-form) [Nightshift CTA Card](https://www.nopethemes.com/nightshift/documentation#module-nightshift-cta-card) [Nightshift CTA Bar](https://www.nopethemes.com/nightshift/documentation#module-nightshift-cta-bar)

Content, blog and chrome

[Nightshift Article](https://www.nopethemes.com/nightshift/documentation#module-nightshift-article) [Nightshift Blog Listing](https://www.nopethemes.com/nightshift/documentation#module-nightshift-blog-listing) [Nightshift Post](https://www.nopethemes.com/nightshift/documentation#module-nightshift-post) [Nightshift Footer](https://www.nopethemes.com/nightshift/documentation#module-nightshift-footer) [Nightshift LP Bar](https://www.nopethemes.com/nightshift/documentation#module-nightshift-lp-bar)

Classic: heroes and banners

[Banner](https://www.nopethemes.com/nightshift/documentation#module-banner) [Banner slider](https://www.nopethemes.com/nightshift/documentation#module-banner-slider) [CTA Banner](https://www.nopethemes.com/nightshift/documentation#module-cta-banner) [Countdown](https://www.nopethemes.com/nightshift/documentation#module-countdown) [Blog Hero](https://www.nopethemes.com/nightshift/documentation#module-blog-hero) [Blog post header](https://www.nopethemes.com/nightshift/documentation#module-blog-post-header)

Classic: text and structure

[Text section with buttons](https://www.nopethemes.com/nightshift/documentation#module-text-section-with-buttons) [Text section rich](https://www.nopethemes.com/nightshift/documentation#module-text-section-rich) [Text label](https://www.nopethemes.com/nightshift/documentation#module-text-label) [Buttons](https://www.nopethemes.com/nightshift/documentation#module-buttons) [Tabs](https://www.nopethemes.com/nightshift/documentation#module-tabs) [Accordion](https://www.nopethemes.com/nightshift/documentation#module-accordion) [Extra section settings](https://www.nopethemes.com/nightshift/documentation#module-extra-section-settings) [Modal](https://www.nopethemes.com/nightshift/documentation#module-modal) [Fixed button](https://www.nopethemes.com/nightshift/documentation#module-fixed-button)

Classic: features and media

[Feature Grid](https://www.nopethemes.com/nightshift/documentation#module-feature-grid) [List with icons](https://www.nopethemes.com/nightshift/documentation#module-list-with-icons) [Steps](https://www.nopethemes.com/nightshift/documentation#module-steps) [Timeline](https://www.nopethemes.com/nightshift/documentation#module-timeline) [Stats](https://www.nopethemes.com/nightshift/documentation#module-stats) [Images list](https://www.nopethemes.com/nightshift/documentation#module-images-list) [Images gallery](https://www.nopethemes.com/nightshift/documentation#module-images-gallery) [Portfolio Grid](https://www.nopethemes.com/nightshift/documentation#module-portfolio-grid) [Video library](https://www.nopethemes.com/nightshift/documentation#module-video-library) [Pillar Content](https://www.nopethemes.com/nightshift/documentation#module-pillar-content)

Classic: proof and people

[Review Sources](https://www.nopethemes.com/nightshift/documentation#module-review-sources) [Reviews](https://www.nopethemes.com/nightshift/documentation#module-reviews) [Team members](https://www.nopethemes.com/nightshift/documentation#module-team-members)

Classic: pricing and comparison

[Pricing Cards](https://www.nopethemes.com/nightshift/documentation#module-pricing-cards) [Comparison Table](https://www.nopethemes.com/nightshift/documentation#module-comparison-table) [Comparison Matrix](https://www.nopethemes.com/nightshift/documentation#module-comparison-matrix)

Classic: resources and help

[Resource Library](https://www.nopethemes.com/nightshift/documentation#module-resource-library) [Resource Card](https://www.nopethemes.com/nightshift/documentation#module-resource-card) [FAQs](https://www.nopethemes.com/nightshift/documentation#module-faqs) [FAQ Library](https://www.nopethemes.com/nightshift/documentation#module-faq-library) [Docs](https://www.nopethemes.com/nightshift/documentation#module-docs) [Changelog Entry](https://www.nopethemes.com/nightshift/documentation#module-changelog-entry) [Recent blog posts](https://www.nopethemes.com/nightshift/documentation#module-recent-blog-posts) [Social media sharing](https://www.nopethemes.com/nightshift/documentation#module-social-media-sharing)

Classic: header, footer and system

[Navigation Pro](https://www.nopethemes.com/nightshift/documentation#module-navigation-pro) [Navigation](https://www.nopethemes.com/nightshift/documentation#module-navigation) [Footer Pro](https://www.nopethemes.com/nightshift/documentation#module-footer-pro) [Footer Slim](https://www.nopethemes.com/nightshift/documentation#module-footer-slim) [System Message](https://www.nopethemes.com/nightshift/documentation#module-system-message)

Classic: maps and locations

[Google Map](https://www.nopethemes.com/nightshift/documentation#module-google-map) [Store Locator](https://www.nopethemes.com/nightshift/documentation#module-store-locator)

Templates

[Website pages](https://www.nopethemes.com/nightshift/documentation#templates-website-pages) [Landing pages](https://www.nopethemes.com/nightshift/documentation#templates-landing-pages) [Blog](https://www.nopethemes.com/nightshift/documentation#templates-blog) [Section templates](https://www.nopethemes.com/nightshift/documentation#templates-section-templates) [System pages](https://www.nopethemes.com/nightshift/documentation#templates-system-pages)

Help

[FAQ](https://www.nopethemes.com/nightshift/documentation#help-faq) [Troubleshooting](https://www.nopethemes.com/nightshift/documentation#help-troubleshooting) [Changelog](https://www.nopethemes.com/nightshift/documentation#changelog)

No articles match. Try a shorter word.

Nightshift docs

Last updated:

Was this article helpful?

Yes

No

 Thanks for your feedback!

Previous

Next

#### On this page