Making sense of the internet
Support the Research

Get data. Get insights. Help affect change.

View joining options
DNSRF Corporate Logo - words and line shorter version
Search
{item._type | case 'page' 'Web page' 'blog/blog' publication 'adnewsfeed/news' 'News' 'docs/article' 'Docs'}{item.section.title} / {item.chapter.title} / {item.topic.title}  | {category.title}
{item.publishDate | date 'DD MMM YYYY' | append ': '}

Colour id: {cs.id} Colour name: {cs.name}

HTML: default elements


Test colour heading: {cs.id}


Toolbar items

Toolbar

How would you prefer answer this question?

Select any option, or none.

More content

And here is another interesting one

Or

How would you prefer to be contacted?

Select one option.

More content

And here is another interesting one

Checkboxes
Radio

Buttons

Toolbar

Scheme default link

Scheme default link disabled

Scheme inverse link

Pill default

Link pill inverse

Scheme default as link

Brand link

Brand link inverse

Brand link icon right

Brand link icon left & right 100

Brand link inverse

Success link

Warning link

Danger link

Info link

Muted link

Default smaller padding

Select
Radio

More content

And here is another interesting one

Checkboxes
  • Validation error 1
  • Validation error 2
characters

Primary logo for this scheme

Primary logo

Secondary logo for mobile devices

Secondary logo

Test sub heading

This is a test paragraph for the {cs.id} colour scheme

And this is another paragraph including a simple link.

And this is another paragraph including link text colour.

And this is another paragraph including link muted.

And this is another paragraph including link muted inverse.

SVGs

Colour classes

b1-c b2-c b3-c succ-c warn-c dang-c info-c

b1-bk b2-bk b3-bk succ-bk warn-bk dang-bk info-bk

b1-bor b2-bor b3-bor succ-bor warn-bor dang-bor info-bor

Top