Atum · Framer template for SaaS and financial products

I built Atum after spending weeks studying the SaaS template market, where a good-looking template stops being useful the moment real content goes into it.

From there, the work was design: identity that carries meaning instead of decoration. One type scale, one accent, a colour architecture every section inherits so the ninth screen holds the same weight as the first. Hierarchy decides what you read and in what order, and it was set before anything was drawn.

A magical animation was written into the structure, which is why entrances, hovers, transitions and the loading sequence read as one behaviour instead of a pile of effects. Nothing moves here because motion happened to be available. Bold is how I work. ( atum in Egypt mythology he is considered the first created being , which is basically Adam , I chose it because its my first framer template)

The CMS is organised for somebody who will actually run the site. Collections are named for what they hold, fields are mapped to real content, and templates build the page once an entry goes in. A written guide ships with it covering where the styles live, what to change, and the 2 or 3 things worth leaving alone.

Founders and small teams launching a SaaS, fintech, analytics or data product who need a site that carries authority before the product has a reputation. Designers who want a strong base and will take it somewhere of their own. The architecture holds for any product whose value is a screen full of information.

The typographic signature is an italic serif accent opening every headline against a geometric sans. Editorial pairing dropped into a category that runs almost entirely on sans, which is what makes it recognisable at thumbnail scale before a word is read.

Forms are rounded and generous, spacing is wide, and the eyebrow pills give each section a fixed entry point. Surfaces read as glass and polished plastic with light held inside them, rendered rather than illustrated.

A custom intro animation built for this template and used nowhere else. Hover states that respond on contact. Section entrances on blur and scale. Page transitions that hold across the site so navigation feels continuous.

The build is close, not finished. Around a week from full launch, and the sections in these images are done. I'd rather show it now at the stage it's actually at than post it later and pretend the timeline was different. ( this is just quick shots, I will upload short video and description soon )