Apple-inspired aesthetic. Generous whitespace, restrained palette, soft motion. No Apple proprietary assets.
Palette, scale, motion — all expressed as CSS custom properties.
Inter Display for headlines, Inter for body. Tracking tightens as size grows.
Headline that lands.
Section that opens.
Card title or block lead.
Soft, secondary, sets context for what follows.
Default paragraph. Generous line-height. Reads comfortably from short notes to long-form essays. Tracking neutral.
Caption · meta · footnote text in a smaller, slightly tracked variant.
Pill-shaped, generous touch targets, soft hover scale.
Soft elevation. Lift on hover.
Subtle shadow on a clean surface. Hover for a soft lift and stronger shadow.
Sits on the page bg cleanly. Useful for panels embedded in dark sections.
No shadow at rest. Quieter, for dense layouts and lists.
Display-weight value over a quiet label.
Tinted backgrounds, never solid.
Subtle entrance animation via IntersectionObserver. Respects reduced-motion.
Palette, type, spacing, radius, motion. Everything addressable via CSS variables. Override at the root for white-label.
Semantic class names. Variants via data-* attributes. No build step required.
Cubic-bezier curves tuned for soft acceleration. Durations between 150 and 700ms depending on intent.
WCAG AA contrast for all token pairs. Focus-visible outlines. Dark mode via prefers-color-scheme.