Brands813
↑ ↓ to browse
View full design.md ↗
Craft· Productivitycraft.do
Untitled Serif · cream canvas · pastel panels

Imagine the possibilities when everything's connected.

Craft is the connected workspace for documents and notes. Write, organize, and link everything together with a tool that feels as warm and tactile as paper.

Color Palette23 tokens
background#fcf9f7
surface#ffffff
surface-muted#f7f7f7
surface-cream#fff3e7
accent-mint#9bd8a9
accent-sky#b8caf5
accent-butter#fde99b
accent-peach#ffdbc5
primary#3f8850
primary-strong#2f6b3e
on-primary#ffffff
tag-orange#b25620
tag-red#bb433a
tag-blue#427e8a
tag-purple#4b68c3
tag-pink#a549ab
ink#030302
ink-secondary#1f2225
ink-muted#6b6b6b
border#e1e1e1
border-soft#ededed
shadow-soft#000000
shadow-ambient#000000
Buttons
TypographyGoogle Font
Lorabrand uses Untitled Serif
display-hero

Imagine the possibilities.

74px · 400 · -2.22px
display

Everything connected to Craft

60px · 400 · -1.2px
heading

Craft is the connected workspace for documents and notes. Write, organize, and link everything together with a tool that feels as warm and tactile as paper.

36px · 400 · -1.44px
heading-sub

CONNECTED WORKSPACE

24px · 400 · -0.72px
body-large

Craft is the connected workspace for documents and notes. Write, organize, and link everything together with a tool that feels as warm and tactile as paper.

24px · 400 · -0.48px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Everything connected to Craft

Craft is the connected workspace for documents and notes. Write, organize, and link everything together with a tool that…

Productivity
sm
md
lg
xl
Elevation
RING
CARD
ELEVATED
Controls
On
Off
✓Checked
Unchecked
Selected
Option
Alerts
Heads up — a new version of the design system is available.
Saved. Your changes are live across all surfaces.
Some tokens are missing a contrast-safe pairing.
Couldn’t reach the server. Retry in a moment.
Badges
SolidSoftOutlineNewv2.0
FAQ
Everything connected to Craft
Craft is the connected workspace for documents and notes. Write, organize, and link everything together with a tool that feels as warm and tactile as paper.
How does it integrate with my stack?
Is there a free tier?
Tabs
OverviewActivitySettings
DayWeekMonth
Stats
48.2k
Active users
+12.4%
$12.8k
MRR
+3.1%
99.9%
Uptime
−0.02%
Table
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewCraft just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeProductivityCraft
Menu
Profile
Settings
Billing
Sign out
Toast
Changes savedUndo
You have 3 new updates
Activity
Avery created a new project
2h ago
Jordan left a comment
5h ago
Sam shipped v2.0
1d ago
Notifications
AQAvery Quinn invited you to Craft.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Craft tokens
export const theme = {
  primary: "#3f8850",
  radius: "8px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Craft is the only writing tool that makes me want to open it. It feels like a beautiful notebook, not enterprise software.

Craft · Productivity

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗
Readwise88%

shared styles: Light, Warm, Editorial · same category: Productivity

Tana82%

shared styles: Warm, Editorial, Serif · same category: Productivity

Asana79%

shared styles: Light, Warm, Editorial · same category: Productivity

Wealthsimple70%

shared styles: Light, Warm, Editorial · visual DNA: Light, Muted, Warm

Cape69%

shared styles: Light, Warm · same category: Productivity

Grammarly68%

shared styles: Light, Editorial · same category: Productivity