How The Theme Is Organized

How The Theme Is Organized

This theme is made of five main parts. Use this map before you edit anything.

In the Sanity edition, your text and data are in the Studio instead of src/content/. See Editions.

The 5 Key Places

• src/content/ contains your text and data (Markdown or MDX).
• src/pages/ decides which pages exist and which sections are used.
• src/layouts/components/sections/ contains the visual sections.
• src/config/config.toml controls global settings.
• src/styles/theme.css controls colors and the type scale.

Find What You Need

1. If you want to change text, go to src/content/.
2. If you want to change layout, go to src/layouts/components/sections/.
3. If you want to change site-wide settings, go to src/config/config.toml.
4. If you want to change colors or fonts, go to src/styles/theme.css and src/config/fonts.json.

Quick Example

You want to change the homepage hero text.

1. Open src/content/sections/<language>/banner-agency.md. Folex keeps the hero in a section file, because the homepage shows that section.
2. Edit the text in frontmatter.
3. Save and refresh the dev server.

The other homepages use their own sections: banner-agency-dark.md, personal-portfolio-banner.md, and banner-agency-startup.md.