Brands813
↑ ↓ to browse
View full design.md ↗
Bauhaus Clock· Productivitybauhausclock.com
Productivity

Bauhaus Clock

Bauhaus-faithful minimalism for a macOS clock app — primary-color dial accents (red/blue/yellow) over a calm near-white canvas, system-font typography, geometric circular forms, and day/night theme switching. Restraint as craft.

Color Palette29 tokens
background#fbfaf7
surface#ffffff
surface-soft#f3f1ec
ink#1a1a1a
ink-secondary#5c5c5c
ink-muted#8a8a8a
primary#1b3a8f
bauhaus-red#d2342a
bauhaus-yellow#f2c200
turquoise#2bb1a8
salmon#e8836f
pistachio#a8c07a
lavender#9b8fc4
sky-blue#6fa8d6
cream#efe7d2
slate#4a5560
noir#15161a
lume-green#3ddc84
lume-amber#f0a830
link#1b3a8f
focus-ring#6fa8d6
cta-hover#152e72
surface-hover#ece9e2
border#e4e0d8
border-strong#cfc9bd
divider#eceae3
on-primary#ffffff
on-ink#fbfaf7
on-yellow#1a1a1a
Buttons
TypographyGoogle Font
Inter
display-hero

The quick brown fox

56px · 600 · -1.5px
section-heading

The quick brown fox

36px · 600 · -0.8px
sub-heading

The quick brown fox

24px · 500 · -0.4px
card-title

The quick brown fox

20px · 600 · -0.2px
body-large

The quick brown fox

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

Bauhaus Clock

Bauhaus-faithful minimalism for a macOS clock app — primary-color dial accents (red/blue/yellow) over a calm near-white…

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
Bauhaus Clock
Bauhaus-faithful minimalism for a macOS clock app — primary-color dial accents (red/blue/yellow) over a calm near-white canvas, system-font typography, geometric circular…
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
NewBauhaus Clock just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeProductivityBauhaus Clock
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 Bauhaus Clock.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Bauhaus Clock tokens
export const theme = {
  primary: "#1b3a8f",
  radius: "10px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Bauhaus Clock is a macOS clock app whose marketing site practices what the Bauhaus preached — form following function, ornament stripped to essentials, and geometry doing the emoti…

Bauhaus Clock · Productivity

Similar systems

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

Filter by this ↗
Basecamp76%

shared styles: Minimal, Bold · same category: Productivity

Coda74%

shared styles: Minimal, Bold · same category: Productivity

Grammarly69%

shared styles: Minimal, Editorial · same category: Productivity

Timespent68%

shared styles: Bold · same category: Productivity

Ableton67%

shared styles: Bold · same category: Productivity

Headspace66%

shared styles: Minimal · same category: Productivity