Give navigation its own workspace
Choose a responsive header direction, bring in your logo and organize a useful route through the website.
Explore header directionstelaStudioThe details make it yours.
The details make it yours.
The workspace makes it possible.
A visual design environment for complete pages, thoughtful headers and useful footers. Start simply, then go deeper without losing your place.
telaStudioPageHeaderFooter✓ Draft saved
AtelierSpaces · Studio · Contact
Spaces for
living well.
Thoughtful interiors. Natural materials.
A sense of belonging.
Illustration of the telaStudio editing experience.
See what you are shapingFrom the whole page
From the whole page
to the smallest detail.
Build in context. Work with sections, text and imagery on the canvas, then open a focused editor when a heading or paragraph needs a little more attention.
- Page, header and footer workspaces
- Selected-text editing in visual, HTML and split modes
- Responsive views and a clear draft-to-publish flow
Edit this sectionVisualHTMLSplit
VisualHTMLSplit
Room for a
different point of view.
Thoughtful type. Just enough emphasis. Every detail is yours to shape.
TypographyDisplay
Georgia · Regular
Size42 px
ColourForest
Illustrated formatting controls; your actual editor opens inside the CMS.
The shape of your wordsA little emphasis.
A little emphasis.
A different point of view.
Give words room to do their job. Adjust typography and spacing, format selected text, work with safe source markup and apply the result to the section you chose.
- Focused formatting rather than a crowded canvas
- Text and element shape controls
- Changes stay local to the selected section
Design decisions that stay togetherA header with a purpose.
A header with a purpose.
A footer with somewhere to go.
Make your footer do useful work
Choose one to four columns, keep contact and service links clear and carry the same identity to the end of the page.
Explore footer directionsReuse a considered section
Save a useful design as a block and link it where it belongs. Shared work stays separate from a one-off page section.
See the CMS workflowSpace to learn. Room to grow.Keep the everyday tools close.
Keep the everyday tools close.
Open more when you need them.
Begin with the reusable essentials
Sections, text, images and shared blocks are easy to find. More detailed controls live in grouped panels rather than competing with the page.
Try a complete design direction
Use the design library to inspect the full page, header or footer. Choose a starting point and replace the example content with your own.
Check more than one screen
Review the layout at desktop, tablet and mobile sizes. Navigation and footer columns should support the smaller screen, not merely shrink into it.
Keep a draft while you explore
Save the direction, reopen it and refine it. Publishing is a separate choice, so exploring a new page does not have to replace live work.
Can I use my own HTML?
The focused text editor supports visual, HTML and split editing. The CMS applies its content safety rules; a portable site import does not grant arbitrary PHP or executable script access.
Are the templates just previews?
The reviewed industry library contains real editable page, header and footer designs. Complete starter packs assemble a coordinated set of website pages so you can move beyond a single-page starting point.
Can a designer work beyond a starter pack?
Yes. A starter pack is a foundation. You can edit its layouts, create more pages and use the deeper design controls as your needs grow.
Make room for your own point of view.
Choose your hosting plan at telaHosting, then make the website your own with telaForge.