The 8 Reference architectures

Educational Support + Developer Value

Don't start from scratch. See how WebEdify tackles everything from simple marketing pages to multi-tenant SaaS dashboards instantly via AI-generated markdown.

1. Hero-Centric Stacked Scroll

SaaS homepages, marketing sites, landing pages.

Focus: Bold hero + stacked sections

2. Z-Pattern Conversion Landing

Sales pages, product launches, sign-ups.

Focus: Strong visual flow + CTA focus

3. F-Pattern Blog / Article

Blogs, news, documentation, tutorials.

Focus: Main content + sidebar

4. Card / Grid-Based

E-commerce, portfolios, feature showcases.

Focus: Responsive card grid with hover effects

5. Bento / Modular Grid

Creative portfolios, feature pages, modern UIs.

Focus: Irregular staggered modern blocks

6. Magazine / Multi-Column

News sites, content hubs, editorial pages.

Focus: Featured story + vertical feed + sidebar

7. Left-Sidebar Dashboard

Admin panels, SaaS tools, analytics apps.

Focus: Fixed sidebar + main content area

8. Top-Nav + Dashboard

Modern SaaS apps, clean admin interfaces.

Focus: Top navigation + stats + widgets

See these templates in code.

Sign up for early beta access or schedule a customized review session with a MACRIM implementation specialist.