Packs
Single intents
SaaS
Editorial
Marketing
Dashboard
Media
The starter only, until you pick a pack or an intent.
heading.pageThe quick brown fox
heading.sectionThe quick brown fox
heading.itemThe quick brown fox
heading.groupThe quick brown fox
text.bodyPack my box with five dozen liquor jugs.
text.leadPack my box with five dozen liquor jugs.
text.captionPack my box with five dozen liquor jugs.
text.labelPro, billed yearly
12 of 20 used
text.metaPlanning notes for the third quarter
text.status- Invoice #1042Paid
- Invoice #1043Due soon
- Invoice #1044Overdue
text.counttext.indicatortext.summaryWhat is an intent?
A named purpose: what a part of your interface is for, which your registry turns into how it looks.
text.stat$48,200
Up 12% from last month
text.codenpx prongs add saas
feedback.errorEnter a full email address, like ada@example.com.
feedback.warningAnother project is called Acme. Links to it may get confused.
feedback.successSaved just now
feedback.infoNo people match “zebra”.
action.startProjects
You have no projects yet.
action.cancelUnsaved changes
Leave without saving? Your edits to this page will be lost.
action.deleteDelete project
The project, its pages and their history are gone for good.
action.toggleaction.commandaction.copyaction.dismissYour changes were saved.
action.reveal- Ada Lovelace
action.navigateRead the privacy policy before you sign up.
nav.view- Ada Lovelace
- Alan Turing
- Grace Hopper
choice.optionchoice.filter- Notes on the engineAda Lovelace
- Re: the testAlan Turing
- Compiler draftGrace Hopper
choice.colorchoice.openfield.emailOnly used for signing in.
field.rangefield.filePDF or image, up to 10 MB.
layout.pagelayout.page: one centred column of content below the header
layout.tasklayout.task: one short task, centred on the screen
layout.shelllayout.shell: a sidebar beside the main column, around the signed-in app
layout.asideMembers
Three people can edit this workspace.
layout.sectionMembers
People who can edit this workspace.
- ALAda LovelaceOwner
- ATAlan TuringAdmin
- GHGrace HopperMember
layout.groupTwo-factor sign-in
Ask for a code from your phone when you sign in on a new device.
layout.headlineMembers
layout.introPlans
Start free and upgrade when your team grows.
layout.split%22%2F%3E%3C%2Fsvg%3E)
Linen shirt
$68
Washed linen, relaxed fit.
layout.lockuplayout.fieldShown on your profile as @ada.
layout.detailslayout.table| Name | Role |
|---|---|
| Ada Lovelace | Owner |
| Max Planck | Member |
layout.scroller| Month | Requests | Errors | Latency | Cost | Region |
|---|---|---|---|---|---|
| October | 1.2M | 0.1% | 84 ms | $212 | eu-west |
layout.list- ALAda LovelaceOwner
- ATAlan TuringAdmin
- GHGrace HopperMember
layout.item- ALAda LovelaceOwner
- ATAlan TuringAdmin
- GHGrace HopperMember
layout.panelAda Lovelace
Owner · London
layout.collectionlayout.noticeCheck your email to confirm your address.
layout.toastProject archived.
layout.emptyNo invoices yet
Invoices appear here once you bill a customer.
layout.dividerAbove
Below
Before
After
layout.disclosureWhat is an intent?
A named purpose: what a part of your interface is for, which your registry turns into how it looks.
popover.info1,284