Note
Badge soft palette · tone foreground at 5% border · 16px icons · first-line alignment
On page background
Default:Production details are shown below.
Secondary:Only your team can see these details.
Success:Your production files are ready.
Warning:Review the dimensions before printing.
Error:Upload failed. Try the file again.
Violet:A custom production route is available.
Cyan:Your production queue is up to date.
On card background
Default:Production details are shown below.
Secondary:Only your team can see these details.
Success:Your production files are ready.
Warning:Review the dimensions before printing.
Error:Upload failed. Try the file again.
Violet:A custom production route is available.
Cyan:Your production queue is up to date.
Sizes
sm:Production details are ready.
default:Production details are ready.
lg:Production details are ready.
Composition
Without a label: the content stands on its own.
Note:This information does not need an icon.
Schedule:Production starts on Monday.
Ready:Your files passed validation.
Review:Confirm the material, dimensions, and delivery address before submitting this production request. Changes made after submission may delay the order.
Narrow layout · 320px
Review:Check the delivery address before submitting your production request.
Upload failed:Try uploading your production file again.
Read-only container: no own hover, focus, pressed, invalid or disabled state. Actions keep their own interaction states.