About Monōform

Monoform is a template for independent design studios and agencies. Black on white, set in Geist with IBM Plex Mono labels and one hand-written word in every headline, with pill buttons, rounded image cards and a dark "Got an idea? Let's make it real." call to action that closes every page.

11 pages, ready to edit

Home with a showreel, studio intro, services, selected work, logo ticker, testimonials and the latest articles
About with story, values, team and awards
Work index with category tabs, a page per category and a case study page (overview, gallery, results, next project)
Blog with a featured post, category tabs, a page per category and article pages with related posts
Contact with a native form, two offices and an FAQ
404 and a Style guide page

CMS included

Work (7 case studies, 3 categories)
Blog (7 articles, 4 categories)

Every field is filled; category pages and "related" lists filter themselves.

Design system

The Style guide page lists every color, text style, button, tag and form element, so new pages stay on brand.

Motion

Preloader with a 0→100 counter, then the hero intro
Split-line headline reveals, hand-written script words, fade-ups and staggers
Image reveals, clip-expanding heroes, gallery parallax and scroll-speed tilt on work cards
Stacking process cards with a dark scroll theme, count-up stats and scrambling labels
Cursor follower, magnetic buttons, rolling button labels, services hover preview, FAQ accordion
Everything respects reduced motion

Details

Desktop, tablet and phone layouts on every page
Content capped at 1400 px for wide screens, backgrounds full-bleed
Fonts: Geist, IBM Plex Mono, Just Me Again Down Here
Shared components: navigation (with mobile menu), footer with CTA band, buttons, text link
Native Framer form with select fields and submit states
SEO title and description on every page, including CMS pages

Monōform