DESIGN SYSTEM

  • Principles
  • Components
  • Documentation

What's on this Page

    • Buttons: General
    • BL-E-X4C: Primary button
    • BL-E-4QR: Secondary button
    • BL-E-3F5: Login button
    • BL-E-S91: Register button

Form elements (FE)

Form elements in the npower design system.

Buttons: General

There are four button atoms within the npower Design System. These are “Primary”, “Secondary”, “Log in” and “Register”. Unusually, they all share the same basic properties, so we’ve created one Sketch Measure file to outline those properties, using a grey button purely for illustration (there is no grey button).

BL-E-X4C: Primary button

Just some text.

  • Extremely fast build times (< 1 ms per page)
  • Completely cross platform, with easy installation on macOS, Linux, Windows, and more
  • Renders changes on the fly with LiveReload as you develop
  • Powerful theming
  • Host your site anywhere

BL-E-4QR: Secondary button

  • Straightforward organization for your projects, including website sections
  • Customizable URLs
  • Support for configurable taxonomies, including categories and tags
  • Sort content as you desire through powerful template functions
  • Automatic table of contents generation
  • Dynamic menu creation
  • Pretty URLs support
  • Permalink pattern support
  • Redirects via aliases

BL-E-3F5: Login button

  • Native Markdown and Emacs Org-Mode support, as well as other languages via external helpers (see supported formats)
  • TOML, YAML, and JSON metadata support in front matter
  • Customizable homepage
  • Multiple content types
  • Automatic and user defined content summaries
  • Shortcodes to enable rich content inside of Markdown
  • “Minutes to Read” functionality
  • “Wordcount” functionality

BL-E-S91: Register button

  • Integrated Disqus comment support
  • Integrated Google Analytics support
  • Automatic RSS creation
  • Support for Go, Amber, and Ace HTML templates
  • Syntax highlighting powered by Chroma (partly compatible with Pygments)

See Also

  • Theme Components
  • Install and Use Themes
  • Create a Theme
  • Add Your Hugo Theme to the Showcase
  • Foundation styles (FS)
  • Content text (CT)
  • Buttons and links (BL)
  • Form elements (FE)
  • Icons (IC)
  • Miscellaneous (MS)
“Form elements (FE)” was last updated: January 29, 2019: A little bit of naming reorganisation (8fb631a0)
Improve this page
By the Hugo Authors
Hugo Logo
  • File an Issue
  • Get Help
  • Discuss Source Code
  • @GoHugoIO
  • @spf13
  • @bepsays

 
  Hugo Sponsors
Logo for Forestry.io
Logo for Linode
Logo for eSolia
 

The Hugo logos are copyright © Steve Francia 2013–2019.

The Hugo Gopher is based on an original work by Renée French.

  • Principles
  • Components
  • Documentation
  • Foundation styles (FS)
  • Content text (CT)
  • Buttons and links (BL)
  • Form elements (FE)
  • Icons (IC)
  • Miscellaneous (MS)