Ordinal®

Ordinal is a website template for branding and identity studios. It treats the site as a brand manual: numbered chapters, measured grids and rules you can read and test.

Case studies are built like real guidelines. Every project has its logo, colours with click-to-copy hex values, a live type specimen, applications, do and don't rules, and results, all driven by the CMS.

The home page includes an interactive usage lab: pick a rule, see what happens when it is broken, or drag the logo too close to the edge.

Pages

- Home

- Work, with discipline filters

- Case study (CMS, 6 sample projects)

- Studio

- Services

- Contact, with a briefing form

- 404

- Buyer guide, with setup steps

Features

- Desktop, tablet and phone layouts

- Colour and text styles across the site

- Looping video background

- Image parallax, weighted smooth scroll and page transitions

- Film grain, cursor guides and a custom scrollbar, all with property controls

- Reduced-motion support

Setup and limitations

- Set a destination email in the form settings. Forms do not send until you do.

- The hero background is a video, so it does not follow the accent colour. Upload your own video and poster to change it.

- Sample photos, project images, names, prices and contact details are placeholders. Replace them before you launch.

- Mobile PageSpeed scores are modest on the free Framer domain.