The fastest menu bar calendar for Mac. See your schedule, join Zoom, Meet, or Teams meetings with one click, and create events with natural language. Native macOS app.
Design Analysis
This design language presents a desktop utility as quiet, warm, and immediately understandable. The page should feel like a refined paper surface with one centered promise, a floating pill nav, a dark tactile action, and...
This design language presents a desktop utility as quiet, warm, and immediately understandable. The page should feel like a refined paper surface with one centered promise, a floating pill nav, a dark tactile action, and a small amount of calendar evidence. Use one product object per viewport. Calendar cards, menu-bar strips, and release pills should be compact proof points, not a crowded dashboard.
Use FDFBF7 as the main canvas and 1C1917 for primary text and dark actions. Use FFFFFF for floating navigation and calendar cards. Use F5F3EE for recessed rows, soft panels, and hover states. Use red as a small identity or release signal. Event colors should appear as dots, small chips, or timeline marks only.
Use a warm editorial serif for the largest hero line and oversized footer wordmarks. Use a rounded product sans for body copy, controls, metadata, and all calendar UI. Hero text can be very large, around 72px / 78px, with calm centered composition. Product sections should step down to 32px / 40px, with body copy at 16px / 24px.
Keep the first viewport sparse: floating nav at the top, centered headline, short copy, one action row, and one proof object or press row below. Let warm whitespace separate sections before introducing dividers. Feature areas should use soft two-column or three-card grids. Cards should be wide, rounded, and quiet, with small nested rows or calendar cells inside.
Core identity and authoring metadata from the refto.one design model.
A warm off-white desktop utility language with floating pill navigation, editorial hero type, dark tactile actions, rounded calendar cards, and tiny colored event signals.
Quiet, warm, premium, and utility-led, with one centered promise and restrained calendar evidence.
Fields outside the primary renderer remain visible here as structured fallback content.
Primitive palettes and resolved token colors for the active preview mode.
Spacing scales rendered as tokens with a simple length specimen.
Corner radii tokens with a live surface sample.
Font families from the current design YAML, including fallback stacks and usage character.
Top-level typography scale rendered as live text specimens.
Top-level typography line-height values from the design YAML.
| Property | Value |
|---|---|
hero | 78px |
page_title | 56px |
section_title | 40px |
body | 24px |
control | 20px |
Top-level typography weights from the design YAML.
| Property | Value |
|---|---|
display | 500 |
title | 700 |
section | 650 |
control | 600 |
body | 400 |
Fields outside the primary renderer remain visible here as structured fallback content.
Border tokens with resolved values.
Shadow tokens with resolved values and shadow samples where applicable.
Motion tokens rendered as resolved values for timing and personality.
Resolved border token values.
| Property | Value |
|---|---|
hairline | 1px solid rgba(28, 25, 23, 0.10) |
warm | 1px solid rgba(87, 83, 78, 0.16) |
red | 1px solid rgba(229, 72, 47, 0.28) |
Resolved shadow token values.
| Property | Value |
|---|---|
none | none |
floating_nav | 0 12px 36px rgba(28, 25, 23, 0.08) |
card_soft | 0 24px 80px rgba(28, 25, 23, 0.12) |
dark_control | inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 10px 24px rgba(28, 25, 23, 0.18) |
Resolved motion token values.
| Property | Value |
|---|---|
duration_fast | 140ms |
duration_base | 220ms |
easing | cubic-bezier(.2, 0, 0, 1) |
Low-complexity component tokens rendered as design-system specimens.
Schema-agnostic optional blocks from the design YAML. New option keys render here automatically.
Schema-agnostic optional blocks from the design YAML. New option keys render here automatically.
Compact list of patterns the design system explicitly avoids.