Brands813
↑ ↓ to browse
View full design.md ↗
Height· Productivityheight.app
Productivity

Height

Dark autonomous project management — near-black canvas, Poppins weight 600 with aggressive -0.04em tracking for display text, vivid blue accent, multi-color task taxonomy, and deep-shadow card elevation.

Color Palette28 tokens
background#121212
surface#252525
surface-deep#000000
ink#ffffff
ink-secondary#9e9e9e
ink-muted#878787
ink-on-surface#d6d6d6
primary#3888ff
primary-light#5c9aff
primary-tint#2e3341
on-primary#ffffff
link#0099ff
tag-blue#5c9aff
tag-violet#8157ff
tag-magenta#ff2fd5
tag-red#ff4d76
tag-orange#f6ad65
tag-yellow#d6be1f
tag-teal#00c2bb
tag-cyan#00bfe5
success#73ff71
error#ff5557
warning#ffe356
info#57c5ff
border#333333
border-card#404040
shadow-soft#141414
code-bg#1a1a1a
Buttons
TypographyGoogle Font
Poppins
display-hero

The quick brown fox

72px · 600 · -2.88px
display

The quick brown fox

60px · 600 · -2.4px
display-mid

The quick brown fox

42px · 600 · -1.68px
heading-section

The quick brown fox

40px · 600 · -1.6px
heading-sub

The quick brown fox

30px · 600 · -1.2px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Height

Dark autonomous project management — near-black canvas, Poppins weight 600 with aggressive -0.04em tracking for display…

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
Height
Dark autonomous project management — near-black canvas, Poppins weight 600 with aggressive -0.04em tracking for display text, vivid blue accent, multi-color task taxonomy…
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
NewHeight just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeProductivityHeight
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 Height.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Height tokens
export const theme = {
  primary: "#3888ff",
  radius: "12px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Height's visual identity is built for a single conviction: project management should feel less like overhead and more like intelligent collaboration. The canvas — a warm near-black…

Height · Productivity

Similar systems

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

Filter by this ↗
Superlist81%

shared styles: Dark, Bold, Colorful · same category: Productivity

Reflect73%

shared styles: Dark, Minimal · same category: Productivity

Calm73%

shared styles: Dark, Minimal · same category: Productivity

Superhuman71%

shared styles: Dark, Minimal · same category: Productivity

Raycast66%

shared styles: Dark, Minimal · same category: Productivity

Bauhaus Clock65%

shared styles: Bold, Minimal · same category: Productivity