Project preview
A responsive media object for previews, updates, and compact editorial summaries.
am-kit
Astromer 的 status、form、overlay 與 marketing page foundations。
Badge & Divider
In reviewPublishedNeeds attentionBlocked
Left contentRight content
Application components
ButtonGroup
Dropdown
FileUploader
Loader
Loading projects
Syncing records
ProgressBar
Media
QuantityInput
SideMenu
SkipLinks
Focus the first link to reveal keyboard shortcuts to important page landmarks.
Workspace metrics
Project timeline
Key milestones from kickoff to launch.
Kickoff
Align the team on scope and delivery milestones.
completeFirst milestone
Review the first usable slice with stakeholders.
currentLaunch
Release the approved experience to its channel.
upcoming
| Project | Status | Updated |
|---|---|---|
| Astromer docs | Ready | 2 min ago |
| Playground | Review | 18 min ago |
| Consumer smoke | Passed | 42 min ago |
Weekly active projects
A serializable bar chart with a screen-reader data table.
Mon18
Tue27
Wed22
Thu34
Fri31
| Category | Projects |
|---|---|
| Mon | 18 |
| Tue | 27 |
| Wed | 22 |
| Thu | 34 |
| Fri | 31 |
Workspace details
Use semantic label/value pairs for account, project, or record summaries.
- Owner
- Ariel ChenProduct lead
- Plan
- StudioRenews monthly
- Repository
- Astromer
- Status
- Ready for reviewUpdated just now
RadioGroup & FormActions
Drawer
Choose your orbit
Plans that stay easy to compare
A page pattern for presenting a small number of clearly differentiated options.
Starter
For a first experiment.
NT$0forever
- One project
- Core primitives
- Community support
Studio
For a small team shipping regularly.
NT$2,400/ month
- Unlimited pages
- Pattern foundations
- Priority support
System
For a multi-site system handoff.
Custom
- Consumer contract
- Theme alignment
- Implementation review
Proof from the field
A reusable trust layer
Keep social proof structured without forcing every consumer to invent its own quote card.
“The page patterns made our handoff much clearer and reduced one-off markup.”
“We could present the offer, evidence, and next step in one readable flow.”