4a:I[267044,["/creators-assets/_next/static/immutable/chunks/1hsplt7jfjgnh.js","/creators-assets/_next/static/immutable/chunks/0ct7__d3eqq0r.js","/creators-assets/_next/static/immutable/chunks/0c-r9a3oxph1w.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/1co9epfn9jp6v.js","/creators-assets/_next/static/immutable/chunks/1zalsqf-ioaic.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/2e-sz6cfsc9_9.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/3or5zvywp1ubp.js","/creators-assets/_next/static/immutable/chunks/1k3rwcufrnywl.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/0lx6ikbaymow8.js","/creators-assets/_next/static/immutable/chunks/15z5hu5cixks0.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/102julo6bufcv.js","/creators-assets/_next/static/immutable/chunks/3-v4s4kk6cmds.js","/creators-assets/_next/static/immutable/chunks/0tb62zkq3ytzl.js","/creators-assets/_next/static/immutable/chunks/2_dm0za3asre2.js","/creators-assets/_next/static/immutable/chunks/1gasll1b30-2c.js","/creators-assets/_next/static/immutable/chunks/0y1e6y4tai9kl.js","/creators-assets/_next/static/immutable/chunks/3nzo9vld-4e3c.js","/creators-assets/_next/static/immutable/chunks/1-4qrfj8z2lbh.js","/creators-assets/_next/static/immutable/chunks/0iefpbbgjpqk_.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3un-l23eued0s.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/424127942kmt_.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js"],"S"] 4b:T834,

About OSSO

OSSO is a bold, editorial template made for composite manufacturers, engineering firms, and industrial brands who want their technical work presented with clarity and confidence. Whether you run a manufacturing plant, an engineering consultancy, or an industrial supplier, OSSO gives you everything you need to communicate credibility and precision online.

Its full-bleed industrial photography, CMS-powered blog, and structured service breakdowns make it simple for clients and partners to understand what you do and how you work. Every page is fully responsive, so your site looks sharp on desktops, tablets, and smartphones.

Show off your process, share your capabilities, and frame your company in a way that builds trust with technical and enterprise clients. With SEO-friendly structure, customizable layouts, and a ready-to-launch design, OSSO is perfect for teams who want a premium website without the hassle.

Key Features:

CMS-Powered Blog – Publish news, insights, and case studies with category tags.
Services Showcase – Present your capabilities with bold, image-led layouts.
Process Breakdown – Walk visitors through how you engineer and deliver.
Approach Section – Explain your methodology and what sets you apart.
Contact & Inquiry Ready – Built-in structure for leads and business inquiries.
Fully Responsive – Looks sharp on all devices.
SEO-Friendly – Help clients and partners find you online.
Customizable Layouts – Match the system to your company's brand.

Why Use OSSO?

Bold, editorial design that puts your technical work first.
Structured for manufacturing, engineering, and industrial brands.
Flexible, easy-to-edit layouts with no coding needed.
Optimized for mobile, speed, and search engines.
Ready-to-use pages so you can launch fast.

4c:T8be,

Hello World is a bold, editorial template made for design studios, branding agencies, and productized creative services who want their work to command attention online. Whether you run a solo design practice, a full-service studio, a creative subscription, or a portfolio brand, Hello World gives you everything you need to present your work and your offer with confidence.

Its high-contrast monochrome layouts, CMS-powered portfolio galleries, and subscription-ready pricing make it simple for clients to explore your work and start a project in just a few clicks. Every page is fully responsive, so your projects look sharp on desktops, tablets, and smartphones.

Show off your process, share your packages, and frame your studio in a way that builds trust and attracts the right clients. With SEO-friendly structure, customizable layouts, and a ready-to-launch design, MONO is perfect for creatives who want a premium website without the hassle.

Key Features:

CMS-Powered Portfolio – Easily upload and organize projects with category tags.
Productized Pricing Block – Present your subscription or packages with a clear "What's Included" list.
Process & Why Us Sections – Walk clients through how you work and what sets you apart.
Proof Metrics Bar – Highlight results and credibility at a glance.
Services Showcase – Present your offering with bold, image-led layouts.
FAQ Accordion – Answer common questions and remove friction before booking.
Fully Responsive – Looks striking on all devices.
SEO-Friendly – Help clients find you online.
Customizable Layouts – Match the system to your studio's brand.

Why Use Hello World?

Bold, monochrome design that puts your work first.
Subscription-ready pricing built to convert leads into projects.
Flexible, easy-to-edit layouts with no coding needed.
Optimized for mobile, speed, and search engines.
Ready-to-use pages so you can launch fast.

4d:T88b,

About this Component

StaggerButton is a highly polished call-to-action button that brings refined motion to your Framer projects. On hover, the label animates one character at a time — each letter slides up and is instantly replaced by a duplicate rising from below, creating a crisp, cascading text-reveal effect. At the same time, the arrow icon gives a subtle nudge and the background eases into your hover color, all happening in one fluid, satisfying interaction.

Built as a native Framer code component with zero external dependencies, it supports Framer's built-in page transitions out of the box. Pick any page from the Link To field and the button navigates with your project's transition animation, no extra configuration needed. External URLs, mailto, and tel links are supported too.

The component is fully resizable on the canvas and adapts to any layout. Drop it in, resize to fit, and control everything from the properties panel.

Customizable Properties

Label: Edit the button text
Font: Full font control including family, size, weight, style, and letter spacing
Background: Set the default button background color
Background Hover: Set the color the button eases into on hover
Text Color: Set the label color
Icon Background: Set the color of the arrow box
Icon Color: Set the arrow color
Padding: Independent top, bottom, left, and right spacing
Gap: Control the space between the label and the arrow box
Radius: Control button corner roundness
Icon Size: Set the size of the arrow box
Link To: Native Framer link picker supporting internal pages, external URLs, mailto, and tel

4e:T63f,

About this Component

ButtonColorChange is a highly polished call-to-action button that brings motion and personality to your Framer projects. On hover, an accent-colored circle bursts from the left edge and floods the entire button in a smooth, springy fill. The label shifts to the right, swaps color, and the arrow box animates out while a second arrow enters from the left, all happening in one fluid, satisfying interaction.Built as a native Framer code component, it supports Framer's built-in page transitions out of the box. Pick any page from the Link To field and the button navigates with your project's transition animation, no extra configuration needed.

The component is fully resizable on the canvas and adapts to any layout. Drop it in, resize to fit, and control everything from the properties panel.

Customizable Properties

Label: Edit the button text
Font: Full font control including family, size, weight, style, and letter spacing
Background: Set the default button background color
Accent: Set the hover fill color, also controls the arrow box and text color swap
Radius: Control button corner roundness
Link To: Native Framer link picker supporting internal pages, external URLs, mailto.

49:["$","$L4a",null,{"value":{"fallback":{"$inf$activity-creator-b7bb6bf2-e9ae-4caf-b65c-483f782d34c4-all:/unified/creator/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/activity/":[{"data":[{"id":"01a061ca-9816-75db-a988-71237da54f76","type":"template.created","target":{"type":"template","id":"72328","preview":"OSSO","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/01a061c8-3e14-73df-8878-28315166253b.png","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"b7bb6bf2-e9ae-4caf-b65c-483f782d34c4","name":"Calvin Lai","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/15e1gfra","slug":"calvinlai","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-02T11:04:22.294Z","latestAt":"2026-09-02T11:04:22.294Z"},{"id":"019f3300-d870-72b9-9257-037e259cc72d","type":"comment.created","target":{"type":"post","id":"019f22e8-f61e-712c-944e-bc03cc361d2e","preview":"Sneak peek of a new app I’m building.\nIt helps Framer creators turn their template videos into polished thumbnails in just a few clicks.\nThe goal is simple: make it faster to create clean, professional previews for marketplace listings, social posts, and launch assets without jumping between multiple design tools.\nI’m looking for a few early testers.\nIf you create Framer templates or product videos and want to try it, comment “ME” and I’ll add you to the list.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sneak peek of a new app I’m building."}]},{"type":"paragraph","content":[{"type":"text","text":"It helps Framer creators turn their template videos into polished thumbnails in just a few clicks."}]},{"type":"paragraph","content":[{"type":"text","text":"The goal is simple: make it faster to create clean, professional previews for marketplace listings, social posts, and launch assets without jumping between multiple design tools."}]},{"type":"paragraph","content":[{"type":"text","text":"I’m looking for a few early testers."}]},{"type":"paragraph","content":[{"type":"text","text":"If you create Framer templates or product videos and want to try it, comment “ME” and I’ll add you to the list."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d81ad627-baa4-4c39-8bb8-b3deda33b48e/48k9pmc7","targetDeleted":false,"owned":false,"feedItemType":"post","actions":{"postId":"019f22e8-f61e-712c-944e-bc03cc361d2e","like":{"count":89,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f3300-d843-72cf-b87d-52a2d517bf01","preview":"ME","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ME"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"feedItemType":null,"actions":{"postId":"019f22e8-f61e-712c-944e-bc03cc361d2e","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f3300-d843-72cf-b87d-52a2d517bf01"},"repost":null}},"actors":[{"id":"b7bb6bf2-e9ae-4caf-b65c-483f782d34c4","name":"Calvin Lai","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/15e1gfra","slug":"calvinlai","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-05T15:58:41.264Z","latestAt":"2026-07-05T15:58:41.264Z"},{"id":"019f32fd-afcf-712c-9ad2-85d995150586","type":"post.liked","target":{"type":"post","id":"019f2380-85ba-717d-8fb8-c58a833f9da0","preview":"Asked @Framer agents to build a pattern generator for identity projects \nClients can now create visuals and publish on the fly \nSteal a prompt in comments \n↓","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Asked "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","label":"Framer","slug":"framer","mentionSuggestionChar":"@"}},{"type":"text","text":" agents to build a pattern generator for identity projects "}]},{"type":"paragraph","content":[{"type":"text","text":"Clients can now create visuals and publish on the fly "}]},{"type":"paragraph","content":[{"type":"text","text":"Steal a prompt in comments "}]},{"type":"paragraph","content":[{"type":"text","text":"↓"}]}]},"thumbnail":"https://image.mux.com/Vb6PzahTJyrO4OEMwkNSZC640101MiZUCwrNYrzXPbdVQ/thumbnail.webp?time=1.25","targetDeleted":false,"owned":false,"feedItemType":"post","actions":{"postId":"019f2380-85ba-717d-8fb8-c58a833f9da0","like":{"count":223,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"b7bb6bf2-e9ae-4caf-b65c-483f782d34c4","name":"Calvin Lai","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/15e1gfra","slug":"calvinlai","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-05T15:55:14.198Z","latestAt":"2026-07-05T15:55:14.198Z"},{"id":"019f03fa-8430-751c-af9c-28f3f023d306","type":"template.created","target":{"type":"template","id":"68328","preview":"Hello World","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/implie1y","targetDeleted":false,"owned":false,"feedItemType":null,"actions":null},"context":null,"actors":[{"id":"b7bb6bf2-e9ae-4caf-b65c-483f782d34c4","name":"Calvin Lai","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/15e1gfra","slug":"calvinlai","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-26T12:49:37.328Z","latestAt":"2026-06-26T12:49:37.328Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:b7bb6bf2-e9ae-4caf-b65c-483f782d34c4:/unified/posts/?creator=b7bb6bf2-e9ae-4caf-b65c-483f782d34c4&with=reposts":[{"data":[{"id":"01a061ca-95db-72a9-9dc0-1df03bc4851c","title":null,"body":"

Just finished building a @framer template for an industrial website. The colors are bold, a deliberate departure from what industrial templates usually look like. It's free. Hoping you'll support it by using it n yeah I enjoyed building this one.

OSSO

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just finished building a "},{"type":"text","text":"@framer ","marks":[{"type":"link","attrs":{"href":"https://x.com/framer","target":"_blank","rel":"noopener noreferrer nofollow"}}]},{"type":"text","text":"template for an industrial website. The colors are bold, a deliberate departure from what industrial templates usually look like. It's free. Hoping you'll support it by using it n yeah I enjoyed building this one. "}]},{"type":"paragraph","content":[{"type":"text","text":"OSSO"}]}]},"author":{"framerUserId":"b7bb6bf2-e9ae-4caf-b65c-483f782d34c4","name":"Calvin Lai","slug":"calvinlai","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/15e1gfra","followed":false,"followsYou":false},"media":[],"resources":[{"id":"72328","resolved":true,"title":"OSSO","body":"$4b","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"About OSSO","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"OSSO is a bold, editorial template made for composite manufacturers, engineering firms, and industrial brands who want their technical work presented with clarity and confidence. Whether you run a manufacturing plant, an engineering consultancy, or an industrial supplier, OSSO gives you everything you need to communicate credibility and precision online."}]},{"type":"paragraph","content":[{"type":"text","text":"Its full-bleed industrial photography, CMS-powered blog, and structured service breakdowns make it simple for clients and partners to understand what you do and how you work. Every page is fully responsive, so your site looks sharp on desktops, tablets, and smartphones."}]},{"type":"paragraph","content":[{"type":"text","text":"Show off your process, share your capabilities, and frame your company in a way that builds trust with technical and enterprise clients. With SEO-friendly structure, customizable layouts, and a ready-to-launch design, OSSO is perfect for teams who want a premium website without the hassle."}]},{"type":"paragraph","content":[{"type":"text","text":"Key Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-Powered Blog – Publish news, insights, and case studies with category tags."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Services Showcase – Present your capabilities with bold, image-led layouts."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Process Breakdown – Walk visitors through how you engineer and deliver."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Approach Section – Explain your methodology and what sets you apart."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact & Inquiry Ready – Built-in structure for leads and business inquiries."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive – Looks sharp on all devices."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SEO-Friendly – Help clients and partners find you online."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable Layouts – Match the system to your company's brand."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Why Use OSSO?","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bold, editorial design that puts your technical work first."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Structured for manufacturing, engineering, and industrial brands."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible, easy-to-edit layouts with no coding needed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optimized for mobile, speed, and search engines."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ready-to-use pages so you can launch fast."}]}]}]}]},"introduction":"Industrial Engineering Template","slug":"osso","author":{"framerUserId":"b7bb6bf2-e9ae-4caf-b65c-483f782d34c4","name":"Calvin Lai","slug":"calvinlai","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/15e1gfra","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/01a061c8-3e14-73df-8878-28315166253b.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"video","url":"https://stream.mux.com/uJullW5ubswmopSKoySHQfZX7GPFbhzg96DPnJazmBk.m3u8","metadata":{"posterUrl":"https://image.mux.com/uJullW5ubswmopSKoySHQfZX7GPFbhzg96DPnJazmBk/thumbnail.webp?time=6.25","aspectRatio":"4:3","duration":8}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/01a061c8-5294-7198-8391-046bb6f22c41.png","metadata":{"tint":{"h":165,"s":82,"l":36},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/01a061c8-5d1a-7788-87e7-54c8a51f3d06.png","metadata":{"tint":{"h":60,"s":10,"l":16},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/01a061c8-6a0b-723a-8249-7c13da948533.png","metadata":{"tint":{"h":180,"s":7,"l":22},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-02T11:04:21.104Z","updatedAt":"2026-09-02T12:09:47.336Z","publishedAt":"2026-09-02T11:04:21.101Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/hatjqCK","remixUrl":"https://framer.link/hatjqCK","previewUrl":"https://osso.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":22,"name":"Startup","slug":"startup"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":112,"name":"Technology","slug":"technology"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[],"mainCategory":{"id":270,"name":"Software","slug":"software"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-03T07:47:22.414Z","createdAt":"2026-09-02T11:04:21.723Z","updatedAt":"2026-09-03T07:47:22.414Z","type":"post"},{"id":"019f03fa-83f3-73f8-8f31-2bb82258374c","title":null,"body":"

Hi, This My First Ever Framer Template. This template is called Hello World. Why do i pick this name? because it memorize me about every lesson of code which will always start with "Hello World"

Since this is my first template. i'd make it free for you guys to use. Please always support me by using it heheh. Thank you so much.

Here's the code to make it free: XOLLG6DA

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi, This My First Ever Framer Template. This template is called Hello World. Why do i pick this name? because it memorize me about every lesson of code which will always start with \"Hello World\""}]},{"type":"paragraph","content":[{"type":"text","text":"Since this is my first template. i'd make it free for you guys to use. Please always support me by using it heheh. Thank you so much."}]},{"type":"paragraph","content":[{"type":"text","text":"Here's the code to make it free: XOLLG6DA"}]}]},"author":{"framerUserId":"b7bb6bf2-e9ae-4caf-b65c-483f782d34c4","name":"Calvin Lai","slug":"calvinlai","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/15e1gfra","followed":false,"followsYou":false},"media":[],"resources":[{"id":"68328","resolved":true,"title":"Hello World","body":"$4c","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hello World ","marks":[{"type":"bold"}]},{"type":"text","text":"is a bold, editorial template made for design studios, branding agencies, and productized creative services who want their work to command attention online. Whether you run a solo design practice, a full-service studio, a creative subscription, or a portfolio brand, Hello World gives you everything you need to present your work and your offer with confidence."}]},{"type":"paragraph","content":[{"type":"text","text":"Its high-contrast monochrome layouts, CMS-powered portfolio galleries, and subscription-ready pricing make it simple for clients to explore your work and start a project in just a few clicks. Every page is fully responsive, so your projects look sharp on desktops, tablets, and smartphones."}]},{"type":"paragraph","content":[{"type":"text","text":"Show off your process, share your packages, and frame your studio in a way that builds trust and attracts the right clients. With SEO-friendly structure, customizable layouts, and a ready-to-launch design, MONO is perfect for creatives who want a premium website without the hassle."}]},{"type":"paragraph","content":[{"type":"text","text":"Key Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-Powered Portfolio – Easily upload and organize projects with category tags."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Productized Pricing Block – Present your subscription or packages with a clear \"What's Included\" list."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Process & Why Us Sections – Walk clients through how you work and what sets you apart."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Proof Metrics Bar – Highlight results and credibility at a glance."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Services Showcase – Present your offering with bold, image-led layouts."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"FAQ Accordion – Answer common questions and remove friction before booking."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive – Looks striking on all devices."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SEO-Friendly – Help clients find you online."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable Layouts – Match the system to your studio's brand."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Why Use Hello World?","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bold, monochrome design that puts your work first."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Subscription-ready pricing built to convert leads into projects."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible, easy-to-edit layouts with no coding needed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optimized for mobile, speed, and search engines."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ready-to-use pages so you can launch fast."}]}]}]}]},"introduction":"Digital Agency Template","slug":"hello-world","author":{"framerUserId":"b7bb6bf2-e9ae-4caf-b65c-483f782d34c4","name":"Calvin Lai","slug":"calvinlai","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/15e1gfra","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/implie1y","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/kswintih","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-26T12:49:37.219Z","updatedAt":"2026-07-02T13:44:29.609Z","publishedAt":"2026-06-26T12:49:37.215Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/KM1tXLl","remixUrl":"https://framer.link/KM1tXLl","previewUrl":"https://helloworlds.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":188,"name":"Art & Design","slug":"art-and-design"}],"styles":[],"mainCategory":{"id":274,"name":"Web","slug":"web-design"},"features":[{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-26T13:35:58.259Z","createdAt":"2026-06-26T12:49:37.267Z","updatedAt":"2026-06-26T13:35:58.259Z","type":"post"},{"id":"019eda3a-2064-7acb-b7e5-f074b0506246","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b7bb6bf2-e9ae-4caf-b65c-483f782d34c4","name":"Calvin Lai","slug":"calvinlai","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/15e1gfra","followed":false,"followsYou":false},"media":[],"resources":[{"id":"qX0WHNkRv9uQJHCtxZVH","resolved":true,"title":"StaggerButton","body":"$4d","bodyJson":null,"introduction":"Animated CTA button with text reveal","slug":"staggerbutton","author":{"framerUserId":"b7bb6bf2-e9ae-4caf-b65c-483f782d34c4","name":"Calvin Lai","slug":"calvinlai","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/15e1gfra","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/qX0WHNkRv9uQJHCtxZVH/staggerbutton-3q5DXbJmjgUHUdX1lMMuKWNiXhuq86","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-28T18:09:56.221Z","updatedAt":"2026-06-05T16:29:32.802Z","publishedAt":"2026-06-18T10:15:03.012Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/StaggerButton-TJUnP8.js@KGQQrUiWHeUAXeUPr4pi","previewUrl":"https://functional-work-660255.framer.app/button","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"KGQQrUiWHeUAXeUPr4pi","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-18T10:15:03.012Z","updatedAt":"2026-06-18T10:15:03.012Z","type":"post"},{"id":"019df249-5bc4-7c5c-9776-d4e50a8dd287","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b7bb6bf2-e9ae-4caf-b65c-483f782d34c4","name":"Calvin Lai","slug":"calvinlai","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/15e1gfra","followed":false,"followsYou":false},"media":[],"resources":[{"id":"GYkLWNcg7BUM34EHXq3I","resolved":true,"title":"FillShift Button","body":"$4e","bodyJson":null,"introduction":"Expanding fill button with a move arrow","slug":"fillshift-button","author":{"framerUserId":"b7bb6bf2-e9ae-4caf-b65c-483f782d34c4","name":"Calvin Lai","slug":"calvinlai","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b7bb6bf2-e9ae-4caf-b65c-483f782d34c4/15e1gfra","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/GYkLWNcg7BUM34EHXq3I/fillshift-button-g735piy9vMHBv35BYnTjUgiDjpu583","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-03T12:57:23.872Z","updatedAt":"2026-06-04T18:00:24.022Z","publishedAt":"2026-05-04T09:19:47.140Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/ButtonColorChanging-UECSYT.js@eIlZ0TO8YDddsoDb9WXg","previewUrl":"https://able-thing-590135.framer.app/button","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"eIlZ0TO8YDddsoDb9WXg","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-04T09:19:47.140Z","updatedAt":"2026-05-04T09:19:47.140Z","type":"post"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L4f"}]