Oda

About this template

Description

Oda is a site for a small architecture or interiors studio, laid out like a drawing set pinned to the long table: grid paper, title blocks, sheet numbers and line drawings that draw themselves.

In the hero, a timber cabin draws itself line by line and casts a real shadow. Drag the sun and the shadow moves, calculated for your studio's own city on the equinox, and set to the city's live time when it can be. Below it, project sheets slide sideways as you scroll, a floor plan builds up phase by phase, material samples show their notes, and visitors can sketch their plot on a pencil pad.

Everything a studio edits is native Framer: text, sections, buttons, the nav and the footer. Projects, people, materials and awards are CMS collections, and every project gets its own sheet page. The drawings are code components, and their colours come from the project's color styles, so a new palette re-tints them too.

Oda comes with Framer Skills for Framer's agent. Ask it to "rebrand this for our studio in Porto" or "add three projects" and it knows the styles, the grid, the sheet numbering and the voice, and which properties to change.

Suits architecture studios, interior designers, landscape architects, and builders or craftspeople who draw what they make.

Features (for the listing's feature list)

Self-drawing hero cabin with a draggable sun study for your latitude

Live city clock in the nav

Sideways project track with progress and counter

Floor plan that builds as you scroll through the process

CMS: projects (with detail pages), people, materials, awards

Sketch pad with PNG download, next to a native contact form

Color and text styles drive every drawing

Framer Skills for rebranding and adding content with Framer's agent

Desktop, tablet and phone layouts; respects reduced motion

404 and privacy pages