5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:Tcb7,

Typographic Clock Pro (Date + Time) is designed for creators who want complete visual freedom. With full control over every time and date element, flexible layout options, and deep typographic customisation, it adapts to anything from bold hero sections to refined editorial designs.

✨ What's New in Pro

Full Date + Time support (weekday, month, day, year)
Individual size, rotation, and offset controls for every element
Configurable date formats, separators, and arrangement
Advanced layout spacing for both time and date groups

✨ Key Features

Live & precise: Updates every second with no layout shift, built for smooth performance.
Flexible time formats: 12h or 24h, optional leading zero, and multiple separator styles.
Customisable date formats: DD/MM/YYYY, MM/DD/YYYY, YYYY/MM/DD, day–month, month–day, or minimal.
Advanced typographic styling: Adjust font family, overall size, letter spacing — plus per-element controls (hours, minutes, seconds, weekday, month, day, year).
Layout control: Spacing for time, date, and the gap between them. Vertical & horizontal alignment options.
Theme-aware: Auto, light, dark, or fully custom font colour.
Blend modes: Optional for more expressive visual styles.

⚙️ Property Controls

Display Mode: Time only / Date only / Date + Time
Time Source: Viewer Local / Custom Timezone
Time Format: 12h / 24h
Show Seconds
Leading Zero
Time Separator Styles
Date Format Styles
Show Weekday
Weekday Position
Theme: Auto / Light / Dark
Custom Font Colour
Typography: Font, Size, Letter Spacing
Per-Element Controls:
- Size: Hours / Minutes / Seconds / Weekday / Month / Day / Year
- Offset (Raise): Hours / Minutes / Seconds / Weekday / Month / Day / Year
- Rotation: Hours / Minutes / Seconds / Weekday / Month / Day / Year
Layout:
- Time Element Gap
- Date Element Gap
- Time–Date Gap

💡 Use Cases

Editorial hero sections
Creative studio sites
Personal portfolios
Digital installations
Dashboards + live data UIs
Interactive layouts needing expressive time/date displays

⚡ Why You’ll Love It

Typographic Clock Pro gives you complete creative control — every element, every angle, every detail. It’s expressive, precise, and designed for designers who want a clock that feels more like a design tool than a widget.

5a:[["$","$L5d",null,{"post":{"id":"019b121e-99bb-777d-a3a7-6b8e2231d045","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ecd69597-6e5f-475e-a9ea-d212a8930d70","name":"Unscripted","slug":"jasmine-law","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/106990/avatar-2DRO0IPGNY4XkAHMB9x2EmcY9ap5rT.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"ALVgtnrPjj2xTgFySmKh","resolved":true,"title":"TypographicClock Pro","body":"$5e","bodyJson":null,"introduction":"Highly-Configurable Statement Clock","slug":"typographicclock-pro","author":{"framerUserId":"ecd69597-6e5f-475e-a9ea-d212a8930d70","name":"Unscripted","slug":"jasmine-law","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/106990/avatar-2DRO0IPGNY4XkAHMB9x2EmcY9ap5rT.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ALVgtnrPjj2xTgFySmKh/typographicclock-pro-ZJUE3brg2MOwsac7qlnBTqnBMVfPHO","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-05T11:48:47.160Z","updatedAt":"2026-02-13T09:51:48.551Z","publishedAt":"2025-12-12T10:32:33.979Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://typographicclockpro.framer.website/","price":"8","paymentUrl":null,"workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"raf45Yv2NbCLtg2NnNzj","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-12T10:32:33.979Z","updatedAt":"2025-12-12T10:32:33.979Z","reported":false}}],"$L5f"]

Suggested for you