61:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 62: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.

63:Tf5e,

Timeframe Typographic Clock is a beautifully crafted, real-time clock for Framer, made for designers who value refined typography, elegant structure, and full creative control. It’s perfect for hero sections, dashboards, landing pages, portfolios, and any layout that benefits from a quiet, sophisticated time display.

With timezone awareness, advanced typographic controls, and optional blend modes, the component is both visually expressive and highly adaptable.

✨ Key Features

Time zone-awareShow the viewer’s local time or select a custom timezone from the full IANA list.
12h / 24h formatsSwitch between international or editorial-style formats.
Typographic precisionFine-tune font family, size, letter spacing, and individual vertical offsets for hours, minutes, and seconds.
Show or hide secondsChoose between minimal HH:MM or detailed HH:MM:SS.
Separator stylesColon · Dot · Slash · None.
Theme-awareAuto, light, and dark themes with system detection.
Custom font colourOverride theme colours with optional blend modes for striking visual effects.
Full alignment controlHorizontal and vertical alignment options for perfect placement.
Responsive by natureBehaves correctly inside stacks, flex layouts, and resizable frames.
Performance-optimised real-time updates without layout shifts or heavy rendering.

⚙️ Property Controls

Time Source: Viewer Local / Custom Timezone
Custom Timezone: Full IANA timezone list
Time Format: 12h / 24h
Leading Zero on Hour
Show Seconds
Separator Style
Theme: Auto / Light / Dark
Font Colour (optional)
Blend Mode (when custom colour is enabled)
Alignment: Left / Centre / Right
Vertical Alignment: Top / Centre / Bottom
Typography: Font Family, Font Size, Letter Spacing
Layout: Gap Between Units
Offsets: Raise Hours / Minutes / Seconds

Every setting is fully adjustable from the Framer sidebar — no code required.

💡 Use Cases

Typographic hero sections
Editorial & creative studio sites
Analytics dashboards
Personal portfolios
Landing pages with subtle motion
Digital signage & live displays

⚡ Why You’ll Love It

Designed for creators who care about precision and aesthetics, Timeframe gives you a beautifully crafted typographic clock instantly, with the flexibility to customise every detail. Clean, expressive, and built for modern Framer workflows.

🚀 Want More Control?

If you’re looking to go beyond time-only layouts, TypographicClock Pro adds:

• Date + time, date-only, or time-only layouts• Per-element size, raise, and rotation for every unit• Flexible date formats, separators, and weekday options • Even more control for expressive editorial compositions

Perfect for designers building bold hero sections, editorial layouts, or highly customised interfaces.

👉 Explore TypographicClock Pro on Framer Marketplace

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-ecd69597-6e5f-475e-a9ea-d212a8930d70-all:/unified/creator/ecd69597-6e5f-475e-a9ea-d212a8930d70/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:ecd69597-6e5f-475e-a9ea-d212a8930d70:/unified/posts/?creator=ecd69597-6e5f-475e-a9ea-d212a8930d70&with=reposts":[{"data":[{"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":"$62","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"},{"id":"019aa254-edde-792a-99af-b9d8a56a289b","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":"xmhBAITexSTSjMhKhbMD","resolved":true,"title":"TypographicClockLite","body":"$63","bodyJson":null,"introduction":"","slug":"typographicdigiclock","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/xmhBAITexSTSjMhKhbMD/typographicdigiclock-ZCAc3NRdese9Ui010yZuVRUt3ddMIY","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-17T11:09:13.516Z","updatedAt":"2025-12-12T11:30:33.643Z","publishedAt":"2025-11-20T17:34:26.270Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/DigitalClock-IZbC.js@VFjqmGJ3Jw9PFR8LPKla","previewUrl":"https://typographicdigitalclock.framer.website/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"VFjqmGJ3Jw9PFR8LPKla","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-20T17:34:26.270Z","updatedAt":"2025-11-20T17:34:26.270Z"},{"id":"019a7801-3097-7dc8-9591-e8af441e9eba","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":"9739","resolved":true,"title":"Kenekt x Southworks","body":null,"bodyJson":null,"introduction":"A creative agency website for Kenekt & Southworks, two of the UK-based creative powerhouses merging into one. ","slug":"kenekt-x-southworks","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/sites/9739/thumbnail-uIHObg3TLZLGt5W01dzz6E0dFn8h67.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-12T12:18:55.253Z","updatedAt":"2025-11-12T12:27:53.964Z","publishedAt":"2025-11-12T12:18:55.255Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://kenekt-southworks.com/","categories":[{"id":"4e292c6b-a094-4031-be7b-7affa4349187","name":"Agency","slug":"agency"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-12T12:18:55.255Z","updatedAt":"2025-11-12T12:18:55.255Z"},{"id":"019958ca-b899-7d4d-9df8-20f772ee43e9","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":"8229","resolved":true,"title":"Fuzion","body":null,"bodyJson":null,"introduction":"Fuzion is a digital platform shaping careers and building teams for the future of work. We supported them with a Framer website that blends branding, storytelling, and UI design to communicate their mission with impact.","slug":"fuzion","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/sites/8229/thumbnail-NGNVYDgsPD57YwcvUqrgW6JWu7HQqZ.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-17T17:48:24.600Z","updatedAt":"2025-09-17T17:48:24.600Z","publishedAt":"2025-09-17T17:48:24.601Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.fuzion-digital.com/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"},{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-17T17:48:24.601Z","updatedAt":"2025-09-17T17:48:24.601Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L64"}]