Public pages
PlanCard
The one Makado plan on a solid surface.
Preview
Props
| Prop | Type | Description |
|---|---|---|
title | React.ReactNode | |
priceRequired | React.ReactNode | |
period | React.ReactNode | |
alt | React.ReactNode | |
points | React.ReactNode[] | |
headingLevel | number | |
label | string | |
className | string | |
children | React.ReactNode |
Guidelines
The one Makado plan on a solid surface. It is a single card, never a table of tiers.
Provide: title (the plan name), price ("$15"), period ("a month"), alt (the other way to pay, "or $100 a year"), points (what is included, one line each) and the calls to action as children.
- The price is the biggest thing on the card. The included lines are checked in the accent tint.
- Actions along the bottom: the black
primaryButton to start, and a Link for people who already have an account. - Money reads like the app:
$15,$100, no cents. - Copy: "14 days free, no card needed", "Every workspace you own, with up to 5 people in each". Plain, no exclamation points.