Overview
Search
Clear search query
Design Tokens
colors
sizes
typography
components
elements
author
Author with image
Author without image
Author with url
Author with image and url
badge
NJW medium
NJW small
Filter
Week
base heading
default
Left aligned
Heading only
breadcrumb item
default
current
with-long-text
SPEC
button
Primary button
Primary button (small)
Primary link
Primary button with icon
Primary button with icon (right)
Primary link with icon
Primary disabled button
Primary disabled button with icon
Primary icon button
Primary icon link
Primary disabled icon button
Secondary button
Secondary button (small)
Secondary link
Secondary button with icon
Secondary button with icon (right)
Secondary link with icon
Secondary disabled button
Secondary disabled button with icon
Secondary icon button
Secondary icon link
Secondary disabled icon button
Tertiary button
Tertiary button (small)
Tertiary link
Tertiary button with icon
Tertiary link with icon (right)
Tertiary disabled button
Tertiary icon button
Quaternary button
Quaternary button (small)
Quaternary link
Quaternary button with icon
Quaternary button with icon (right)
Quaternary disabled button
Quaternary icon button
figure
Hero Article Detail
Hero Article Long Description
form
default
Auth
fieldset
default
complete
form element
Input
Input with description
Input invalid
Input invalid with description
Select
Checkbox
Checkbox invalid
Checkbox checked
Checkbox disabled
Checkbox invalid and checked
Checkbox invalid and disabled
Checkbox checked and disabled
Checkbox checked and disabled and invalid
Radio
Radio invalid
Radio checked
Radio disabled
Radio invalid and checked
Radio invalid and disabled
Radio checked and disabled
Radio checked and disabled and invalid
Submit
label
default
Required
option
Checkbox
Checkbox invalid
Checkbox checked
Checkbox disabled
Checkbox invalid and checked
Checkbox invalid and disabled
Checkbox checked and disabled
Checkbox checked and disabled and invalid
Radio
Radio invalid
Radio checked
Radio disabled
Radio invalid and checked
Radio invalid and disabled
Radio checked and disabled
Radio checked and disabled and invalid
form element container
Default
With field error
Label visually hidden
form elements
input
Text
Invalid
Checkbox
Checkbox invalid
Checkbox checked
Radio
Radio checked
label
Default
Required
Icon
select
Default
Countries
hint
Hint collapsed
Hint expanded with content
Hint expanded with form
Hint with eye icon
Hint with warning icon
Hint with PDF icon
Hint with law icon
Hint with path icon
SPEC
icon
Arrow Left
Arrow Right
Bell
Caret Down
Caret Left
Caret Right
Caret Up
Circles
Close
Copy
Download
Eye
External Link
Facebook
Instagram
Law
Link
LinkedIn
Mail
Menu
Path
PDF
Pin
Print
RSS
Search
Strategy
Twitter
URL
Warning
WhatsApp
image
default
src with lazy
srcset with same ratio
srcset with different ratio
srcset with lazy loading
Ad banner Half Page
Ad banner 6x5
Hero Article Detail Image
Jobs Teaser
Related Articles Teaser
Standard Teaser
Author avatar
Stellenmarkt Logo
Stellenmarkt result logo sample
input
Empty
Placeholder
Invalid
Filled out
Disabled
Invalid and filled-out
Invalid and disabled
Filled out and disabled
Filled out and disabled and invalid
options
Default
Row
select
default
Invalid
Disabled
Invalid and disabled
With optgroups
status messages
default
patterns
ad banner
Billboard
Leaderboard
Medium Rectangle
Half Page
Skyscraper
alphabet index
default
No Selection
spec
article header
default
article infos
Author with image
Author without image
NJW badge and Author with image
NJW badge, Author, text
NJW badge, Author, all slots
All slots, external link
On media
Source attribution
Case citation
SPEC
article intro
Musterklausur Ferrari Emoji
article utilities
default
card
Card with actions
Card without dismissible
Card without title
Card without actions
Minimal card
SPEC
case source reference
Only source attribution
Only case citation
Both source attribution and case citation
citation
Default citation
Long citation
SPEC
content navigation
Default navigation
With many items
Single item
REFACTOR
custom disclosure
default
dossier
default
heading
h1
h2
h3
h4
h5
h6
hero
default
hero image gallery
Gallery with simple images
Full gallery with 20 images
Gallery with figure and picture sources
Gallery with figure, description, and picture sources
Gallery with figure, multi-line description, and picture sources
Gallery with figure, copyright, and picture sources
hints
default
spec
infobox
default
spec
job market search
Default
result card
Result
Result with badge
All jobs
link collection
German legal topics starting with A
Short list
njw segment
default
Without CTA
SPEC
pager
default
Dots
Digits
Pages
Dots (Light)
Digits (Light)
Pages (Light)
position indicator
default
Position 1
Position 3
Position 1 (Light)
spec
paginated list
86 Artikel von diesem Autor
rich text
default
Large
search
default
With Articles
With Jobs
spec
segment headline
Size XL - Headline only
Size L - Headline with link
Size M - Headline with link
Size S - Headline with link
Size XL - With link and sorting
Size L - Author articles with sorting
social share
default
swiper
default
Default
tags
default
With heading
Article tags
tag
default
Default tag (enabled)
Tag link
Disabled tag
Disabled tag link
Topic tag
Long tag
Short tag
With link
teaser headliner
Breaking News - Desktop
Breaking News - Mobile
Newsletter
SPEC
teaser list
explore teaser list
default
With pager
Minimal (no header)
job market teaser list
Default
No button no background
No logo
Minimal
list teaser list
Size L with images and segment headline
Ressort Three Item List
Ressort Two Item List
Size XL with images
Size M without images
Size S with images
Card variant (Size L)
Card variant (Size M)
Without segment headline
Horizontal Size S (2 teasers)
Horizontal Size S (3 teasers)
Horizontal Size M (2 teasers)
Horizontal Size M (3 teasers)
Related Articles (2 columns)
Related Articles (3 columns)
Horizontal 2-up Dossier
standard teaser list
Three medium with kicker and heading
Three xs with kicker and heading
Stacked three xs with kicker and heading
Segment headline and link with stack
With segment headline and link
With sorting dropdown
Without segment headline
Two teasers
Four teasers
With images and segment headline
With images (no segment headline)
Six items with segment headline and link
Ressort Two Teasers No Headline
NJW, Standard, no Segment Headline
Ranked List
teasers
explore teaser
default
Large variant (full-featured)
Large without secondary button
Small variant
Small variant - Alternative topic
SPEC
hero teaser
default
Full variant
Without CTA button
Without image caption
Without article infos
Without kicker
Minimal (heading and image only)
Without image
Ressort Hero Teaser
SPEC
job market teaser
default
Full
No badge
No image
No external link
No location
No company name
Minimal
spec
list teaser
Size XL with image
Size L with image
Size M with image
Size S with image
Without image
Card variant (Size XL)
Card variant (Size L)
Card variant (Size M)
Card variant (Size S)
Minimal (Size L)
With AD label
Without kicker
With CTA button (Size XL)
With CTA button (Card variant)
Theme - White background (Size L Card)
Theme - Surface background (Size L Card)
Theme - NJW background (Size L Card)
Exam solution teaser
spec
standard teaser
default
Vertical with all options
Vertical card variant
Horizontal layout
With AD label
Without image
Without kicker
Without article infos
Minimal (heading only)
Kicker, heading, text, medium
Kicker, heading, text, xs
Kicker, heading, medium
Kicker, heading, xs
SPEC
topic browser
Topic browser with alphabet filter
template components
breadcrumbs
default
single-item
deep-hierarchy
content
default
Article
Search results
Auth
Ressort page
Ressort Author
Exam Article
Exam Solution Article
aside
default
Ad banner Half Page
Ressort page sidebar
Ressort Author sidebar
Homepage
main
Article
Auth
Ressort page
Ressort Author
Homepage
Exam Article
Exam Solution Article
content variable
Homepage
footer
default
menu
default
SPEC
full width content
Article
Ressort page
Subressort page
Musterklausuren page
Ressort Author
Alphabet index
Homepage NJW And Explore Teaser
Stellenmarkt Widget
Leaderboard banner
Standard Teaser List
Dossier
Exam Related Articles
Simple page
header
default
Compact header
Nineteen nav-items
menu
default
nav
default
SPEC
search
default
input
default
spec
pagination
First
Middle
Last
ressort header
Ressort 1 - Heading only
Ressort 2 - Heading + RSS
Ressort 3 - Heading + RSS + Introduction
Ressort 4 - Heading + RSS + Introduction + Sub-navigation
Ressort 5 - Heading + RSS + Introduction + Sub-navigation + Editor photo
Ressort 6 - Full (all features)
Subressort 1 - Heading only
Subressort 2 - Heading + RSS
Subressort 3 - Heading + RSS + Introduction
Subressort 4 - Heading + RSS + Introduction + Sub-navigation
Subressort 5 - Heading + RSS + Introduction + Sub-navigation + Editor photo
Subressort 6 - Full (all features)
Author - Maximilian Amos
Search
SPEC
search
default
No results
search results
default
Empty
form
default
with value
input
default
wrapper
default
two col content sidebar
Homepage Section One
Homepage Section Two
Homepage Section Three
templates
article
Article
Article with multi-unit wallpaper ad
Ressort page
Subressort page
Musterklausuren page
Ressort Author
Alphabet index
Simple page
specs
TEMPLATE SETUP GUIDE
auth
default
default
Homepage
With Breaking News
SPEC
exam preparation
Exam preparation page
Exam solution page
SPEC
search
default
With Results
No Results
docs
Open Settings
Close Settings
Color scheme
light
dark
auto
Text direction
left to right
<
right to left
Development mode
Go to…
elements
elements/author
elements/badge
elements/base-heading
elements/breadcrumb-item
elements/breadcrumb-item/SPEC
elements/button
elements/figure
elements/form
elements/form/fieldset
elements/form-element
elements/form-element/label
elements/form-element/option
elements/form-element-container
elements/form-elements/input
elements/form-elements/label
elements/form-elements/select
elements/hint
elements/hint/SPEC
elements/icon
elements/image
elements/input
elements/options
elements/select
elements/status-messages
patterns
patterns/ad-banner
patterns/alphabet-index
patterns/alphabet-index/spec
patterns/article-header
patterns/article-infos
patterns/article-infos/SPEC
patterns/article-intro
patterns/article-utilities
patterns/card
patterns/card/SPEC
patterns/case-source-reference
patterns/citation
patterns/citation/SPEC
patterns/content-navigation
patterns/content-navigation/REFACTOR
patterns/custom-disclosure
patterns/dossier
patterns/heading
patterns/hero
patterns/hero-image-gallery
patterns/hints
patterns/hints/spec
patterns/infobox
patterns/infobox/spec
patterns/job-market-search
patterns/job-market-search/result-card
patterns/link-collection
patterns/njw-segment
patterns/njw-segment/SPEC
patterns/pager
patterns/pager/position-indicator
patterns/pager/spec
patterns/paginated-list
patterns/rich-text
patterns/search
patterns/search/spec
patterns/segment-headline
patterns/social-share
patterns/swiper
patterns/tags
patterns/tags/tag
patterns/teaser-headliner
patterns/teaser-headliner/SPEC
patterns/teaser-list/explore-teaser-list
patterns/teaser-list/job-market-teaser-list
patterns/teaser-list/list-teaser-list
patterns/teaser-list/standard-teaser-list
patterns/teasers/explore-teaser
patterns/teasers/explore-teaser/SPEC
patterns/teasers/hero-teaser
patterns/teasers/hero-teaser/SPEC
patterns/teasers/job-market-teaser
patterns/teasers/job-market-teaser/spec
patterns/teasers/list-teaser
patterns/teasers/list-teaser/spec
patterns/teasers/standard-teaser
patterns/teasers/standard-teaser/SPEC
patterns/topic-browser
template-components
template-components/breadcrumbs
template-components/content
template-components/content/aside
template-components/content/main
template-components/content-variable
template-components/footer
template-components/footer/menu
template-components/footer/SPEC
template-components/full-width-content
template-components/header
template-components/header/menu
template-components/header/menu/nav
template-components/header/menu/SPEC
template-components/header/search
template-components/header/search/input
template-components/header/spec
template-components/pagination
template-components/ressort-header
template-components/ressort-header/SPEC
template-components/search
template-components/search-results
template-components/search-results/form
template-components/search-results/form/input
template-components/search-results/form/wrapper
template-components/two-col-content-sidebar
templates
templates/article
templates/article/specs/TEMPLATE-SETUP-GUIDE
templates/auth
templates/default
templates/default/SPEC
templates/exam-preparation
templates/exam-preparation/SPEC
templates/search
