Notion — pricing
Swiss / International · landing page
Steal · grid/layoutmodel draft
The four plans are grouped into two panels with their own headlines: a white bordered panel "Essentials for staying organized." holding Free and Plus, and a pale blue panel "The AI workspace for work that matters." with an illustration, holding Business and Enterprise. Steal plans grouped in pairs under a sentence naming who each pair is for, so comparison happens within a group before across it.
Steal · component patternmodel draft
The billing control is a segmented "Pay monthly | Pay yearly" pill with yearly selected, followed by a blue text link "Save up to 20% with yearly" and, at the far right of the same row, "Price in USD". Directly under the headline, "Trusted by teams at" leads a row of five grey logos. Steal one control row above the plans that holds the toggle, the discount and the currency.
Steal · colormodel draft
Button fill encodes the recommendation: Business carries a "Recommended" chip and the only solid blue "Get started", Free and Plus get pale blue fills, and Enterprise gets a white "Contact Sales". Feature lists open with "Everything in Plus, and:" so nothing repeats across columns. Steal one saturated button per pricing page, plus feature lists that show only the delta from the plan before.
Fonts: NotionInter · Original: Notion
private-reference-only
View original ↗Source & usage rights
Original: Notion. Source verification: pending review.
Recorded rights label: private-reference-only. Original work and reproduction rights belong to their owners. A note license does not grant rights to copy a screenshot, trademark or design.
Trova notes: apply the principles in your own work, including commercial projects. Bulk republication or resale is not permitted. Usage terms.
Captured: 2026-10-10. Capture does not establish source verification.