Help and styles
Station web-design - all you need to know

On this page you will find the web-design styleguide for station.dk

If you need any help or instructions, you can find guides and information at the off-boarding site from lilu digital.  

Headings

This is the XL Heading used on the front page in the hero section

This is the default H1 heading used only for the hero section of all the sub-pages

The H2 is used as a heading in all section of each page

The H3 is used as a heading in all the tiles inside sections

The H5 is used for news and names

The H4 is used as a heading outside of section

Heading for front page

Heading for all sub-pages

Heading for all sections

Heading for all tiles

Heading outside sections

Small heading for news and names
Paragraphs & Links

This is a normal paragraph of text

This is a bigger paragraph with the class paragraph-bigger

This is a normal text link

This paragraph shows all the possible colors of text.
‍Cyan, yellow, pink, red and off-white

Colored text can be added by adding the class text-"color" to the text

The paragraph bigger is used in the hero sections

A normal paragraph

A normal text-link

Buttons & Form Elements
Primary button
Anchor link
Small button
Secondary button

Button used as the primary button in hero sections

Button used as the secondary button in hero and navigation

Button used in sections and tiles

Anchor link button used in hero sections to navigate the page

Other classes

Is is possible to color a section or tile by using the classes color-cyan, color-offwhite, etc.

News and updates

This is text written in the Rich Text format. Typically text from articles and news in the CMS.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

This is a quote

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Woman doing a talt for a room of students

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

  • The rich text element allows you to create and format headings
  • Headings, paragraphs, blockquotes, figures, images, and figure captions
  • A rich text element can be used with static or dynamic content.