Style guide
Hidden page: every usable element, block, heading and form field in one place. (This is the "description" field — lead text with the gold divider.)
H2 heading — main content section
A normal paragraph with bold, italic and underlined text, an internal link and an external link. Paragraphs are justified by default with automatic hyphenation.
H3 heading
A second paragraph to show paragraph spacing.
H4 heading
Text under a smaller subheading.
H5 heading
The smallest heading level.
- Unordered list — 1.5 line height
- Second item with bold
- Third item with a link
- Ordered list first item
- Second item
- Third item
Blockquote — gold border, italic. For longer pull-quotes.
Custom CSS bits (via source view)
Gradient text with the text-gradient class: nxtcons gradient text.
Gradient button from custom HTML
Gradient H2 heading
Gradient H3 heading
Section block — sand band
Full-viewport-width band with a soft sand gradient and a gold hairline on top.
Subheading inside the band
- List inside the band
- Second item
Section block — white band
The same band with the white tint — alternating tints separate content units nicely.
Blockquotes work inside bands too.
- Ordered list
- inside the band
Image + text block — image left
Two columns on desktop, stacked on mobile. Image from the media library; position is a select in the admin.
Image + text block — image right
The same block with the image on the right. The text column supports full rich-content formatting.
- List in the column
Free text block
White background, narrow reading column — can be inserted anywhere between blocks.
About strip from the homepage
Centered, wide text column. An attached image appears below the text.
Service cards from the homepage
Narrow column — optional short text under the image.
- supporting info
Columns block — 1/3 + 2/3
Narrow column left: image on top, short text below. The wide column content sits in this pillow box with full rich-content formatting.
Subheading in the box
- List inside the pillow box
- Second item
Reversed layout: content left, narrow column right.
Columns block — 2/3 + 1/3 (reversed)
The same block with the narrow column on the right. On mobile both variants stack, image first.
Send us a message
Tell us about your project and we get back to you within 24 hours.