Folex

Folex is made for agencies, creative studios, and personal brands that want the site to feel premium before the visitor even scrolls.

It combines multiple homepage styles, strong portfolio layouts, service pages, team profiles, and a menu system that can handle a large studio site without turning messy.

By The Numbers

• 4 Homepage Demos
• 28 Pages
• 21 Sections
• Service Archive + Single Pages
• Team List + Profile Pages
• Blog Archive + Single Post Layouts

Demo Set That Covers More Than One Style

Folex does not lock you into one homepage direction.

• Digital Agency Home
• Creative Agency Home
• Startup Agency Home
• Personal Portfolio Home

This is useful when the same codebase needs to serve different offers, audiences, or visual directions.

Full Page Library

Folex includes a broad page set for service businesses and portfolio-led brands.

• About
• FAQ
• Pricing
• Contact
• Team
• Team Single
• Services Grid
• Services Two Column
• Services Accordion
• Service Single
• Portfolio Grid
• Portfolio Gallery
• Portfolio Slider
• Portfolio Full Width
• Portfolio Single
• Blog
• Blog Creative
• Blog Single
• Blog Category
• Blog Tag
• Custom content pages
• 404 Page

Built For Showing Work, Not Just Talking About It

Folex is strongest when the sale depends on proof.

You can use it to:

• Show project work in multiple portfolio layouts
• Explain services in dedicated page structures
• Introduce your team with profile pages
• Answer objections on FAQ and pricing pages
• Publish thought leadership through the blog
• Create a personal portfolio without changing themes

Navigation That Can Handle A Large Agency Site

The source project includes a flexible navigation system with:

• Mega menu support
• Multi-level dropdown menus
• Nested child links
• Badge support in menu items
• Localized menu files
• Sticky header support

{
  "name": "Portfolio",
  "hasChildren": true,
  "children": [
    { "name": "Gallery", "url": "/portfolio/gallery/" },
    { "name": "Slider", "url": "/portfolio/slider/" }
  ]
}

That matters when a studio site grows into services, portfolio, blog, team, and support content.

Config-First Editing

The project is easy to customize because the main controls stay in config files.

• src/config/config.toml
• src/config/menu.en.json
• src/config/menu.fr.json
• src/config/social.json
• src/config/fonts.json

You can update the sticky header, contact forms, social links, SEO defaults, fonts, and navigation without digging through many files.

Multilingual Without Lock-In

Folex includes English and French structure, but you can simplify the project when the site only needs one language.

npm run remove-multilingual

If you want to rebuild multilingual content again later:

npm run generate-multilingual-content

Forms, Content, and Publishing

Folex supports:

• formsubmit.co
• formspree
• netlify
• Markdown and MDX content
• Shiki code highlighting
• Optional table of contents

That gives you a practical mix of lead capture and publishing features in one theme.

AI-Assisted Coding Ready

Folex ships with built-in instructions for AI coding assistants, so tools like Claude, OpenAI Codex, Cursor, GitHub Copilot, Gemini, and Windsurf can read the theme’s structure, content model, and conventions from the start.

Instead of guessing, your assistant follows the same rules the theme is built on: where sections, content, and schemas live, which shared components to reuse, and how to stay on the design system.

• AGENTS.md — full project rules for any agent (also read natively by OpenAI Codex)
• CLAUDE.md — guidance for Claude and Claude Code
• GEMINI.md — guidance for the Gemini CLI
• SKILLS.md — step-by-step recipes for the jobs you do most (add a section or page, rebrand, manage languages, add an icon)
• .cursor/rules, .github/copilot-instructions.md, .windsurf/rules — editor rules for Cursor, GitHub Copilot, and Windsurf

The result is simpler AI-assisted editing with fewer off-pattern changes.

Final Take

Choose Folex if your agency or studio needs a portfolio-led site with enough structure to sell services, show the team, publish content, and handle a larger navigation.