Brands813
↑ ↓ to browse
View full design.md ↗
Tana· Productivitytana.inc
Productivity

Tana

An AI-native workspace where Source Serif 4's editorial weight anchors a warm off-white canvas, soft terracotta gradients signal intelligence, and restrained Inter UI keeps the chrome from competing with thought.

Color Palette18 tokens
background#fbfbfb
surface#ffffff
surface-muted#f5f3f0
ink#0c0805
ink-secondary#3a3a3a
ink-muted#6a6a6a
ink-faint#999999
ink-faintest#cccccc
primary#d88a82
primary-container#f2d4d0
on-primary#0c0805
accent-peach#dcae87
hover-overlay#f0ece9
text-hover#0e0a06
border#e8e4e0
border-light#efefef
shadow-soft#141624
paper-dark#c6c6c6
Buttons
TypographyGoogle Font
Source Serif 4
display-hero

The quick brown fox

72px · 500 · -3.24px
display

The quick brown fox

60px · 500 · -2.7px
heading-section

The quick brown fox

48px · 500 · -2.16px
heading-sub

The quick brown fox

26px · 500 · -1.17px
body-large

The quick brown fox

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

Tana

An AI-native workspace where Source Serif 4's editorial weight anchors a warm off-white canvas, soft terracotta gradient…

Productivity
none
sm
md
lg
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
Tana
An AI-native workspace where Source Serif 4's editorial weight anchors a warm off-white canvas, soft terracotta gradients signal intelligence, and restrained Inter UI kee…
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
NewTana just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeProductivityTana
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 Tana.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Tana tokens
export const theme = {
  primary: "#d88a82",
  radius: "12px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Tana's design language makes a firm statement about what kind of productivity tool it is: not a spartan command-line workspace, but something closer to a reading room. The primary…

Tana · Productivity

Similar systems

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

Filter by this ↗
Craft82%

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

Readwise74%

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

Cape70%

shared styles: Warm, Minimal · same category: Productivity

Asana68%

shared styles: Warm, Editorial · same category: Productivity

Grammarly66%

shared styles: Minimal, Editorial · same category: Productivity

Augustinus Bader64%

shared styles: Warm, Minimal, Serif · visual DNA: Light, Muted, Warm