Skip to content
KansoMakado design system 1.1
makado.app

Other

PremiumTag

Marks a feature that comes with Makado Premium, the add-on for reply drafts and Autofill (filling in products from the web, a page or a document, with their official photos).

Props

PropTypeDescription
labelstring
trialboolean
size'S' | 'M'
classNamestring

Guidelines

Marks a feature that comes with Makado Premium, the add-on for reply drafts and Autofill (filling in products from the web, a page or a document, with their official photos). The crown (premium, from the Spectrum 2 set) and the word "Premium" on a solid pill in the heading ink, with the page color for the text: dark on light, light on dark, the same in every color theme. The magic wand stays on the buttons that start the help (Draft a reply, Autofill); the crown marks what Premium covers.

Provide: optional label (default "Premium"), trial while someone still has free AI credits (an outline in the same ink instead of a fill, read as "try it"), and size (S default, M).

  • On a button, use Button's premium (the crown inside the button) rather than a tag beside it. Use the tag beside a title, a plan or a menu entry, once per feature, not on every row.
  • Frame the feature as help with the workflow ("Fill from the product page"), never as the AI making content.
  • It is a label, not a button. Without Premium, the feature's own button explains and links to Settings, Billing.
  • The word is always there, so it never relies on color.