Standard card
Standard DA2 card with border and subtle shadow.
Dr-Antistress 2.0
DA2 Design System Test
Internal QA page for design tokens, components, accessibility and responsive behaviour.
Colors
Accent
#f7b405
Accent hover
#e6a800
Ink
#17202b
Text
#26313d
Link
#165080
Surface
#f5f6f8
Typography
Heading 1
Heading 2
Heading 3
Heading 4
This is standard Dr-Antistress body text. It is used to verify readability, line-height, wrapping and general typography.
Buttons
Forms
Cards
Elevated card
Card using the medium elevation shadow.
Accent card
Card with the Dr-Antistress accent marker.
Notices
Information.
This is an informational notice.
Success.
The action was completed successfully.
Warning.
Please verify the information.
Error.
Something requires attention.
Badges
Standard
Accent
Success
Warning
Error
Responsive table
Accordion
First question
This accordion uses native HTML details and summary.
Second question
It remains functional even when JavaScript is unavailable.
CTA
Modal
Responsive overflow test
LongWordTest: verylongunbrokenresponsiveteststringforcheckingoverflowbehaviour012345678901234567890123456789
https://www.example.com/a/very/long/path/used/to/test/responsive/preformatted/content/without/breaking/the/page/layout