ASAS — Structure-first, style without limits
أساسASAS means foundation —the structure every finished page stands on.
ASAS is a working library of 4,038 real Elementor templates. Choose the blocks, settle the page, then add colour, typography, photography, illustration, motion, and brand graphics.
01 — Browse
Search by purpose or by Arabic family name. Every card is a real browser capture of a rendered Elementor template—not an illustration of one.
02 — Stack
Build the argument vertically. Reorder, replace, or remove a section while the structure is still cheap to change.
Filter the real library by family, kind, layout, English, or Arabic.
Arrange complete blocks into the order a visitor will experience them.
Apply a shared kit, then add typography, imagery, motion, and brand graphics.
Download the finished page as a native Elementor template file.
03 — Anatomy
It is not a screenshot or a loose visual reference. An ASAS block contains its containers, columns, widgets, spacing, and responsive settings—already arranged as an editable Elementor structure.
04 — Colour + graphics
ASAS lets you judge hierarchy, flow, and conversion before decoration. When the structure works, add the visual language that makes the page yours.
05 — Direct with ASAS
ASAS begins quietly so the page can be judged honestly. Once the hierarchy works, the art direction can become restrained, colourful, editorial, photographic, graphic—or completely black.
06 — Export
Every ASAS block already contains its containers, widgets, spacing, and responsive settings. The finished page downloads as the same JSON format Elementor uses for its own template library.
{
"title": "Your finished page",
"type": "page",
"content": [
{ "family": "Wajha", "widgets": true },
{ "family": "Mazaya", "responsive": true },
{ "family": "Ataba", "kit_ready": true }
]
}Start with structure
Browse the library, assemble the page you need, apply a colour system, and take the result into Elementor.