Subfolders
Create multi-level project structures with nested folders and automatic navigation.
Nested folder organization
4567 supports unlimited folder nesting. Create complex project structures with subfolders, and navigation is generated automatically.
How subfolders work
Any subfolder inside a project folder becomes a navigable section:
Project-Name/
├── project.md # Main project page
├── hero-image.jpg
├── Research/ # Subfolder becomes a section
│ ├── project.md
│ ├── survey-results.jpg
│ └── user-interviews.pdf
├── Design/ # Another section
│ ├── project.md
│ ├── wireframes.jpg
│ └── mockups.jpg
└── Development/ # And another
├── project.md
└── architecture.png
Automatic features
Breadcrumb navigation:
Home > Project Name > Research
Section links:
Subfolders appear as clickable sections on the parent project page
Deep linking:
Direct URLs like /project-name/research/ work automatically
Real-world examples
Case study structure:
Brand-Redesign/
├── project.md
├── 01-Discovery/
│ ├── project.md
│ └── research-findings.jpg
├── 02-Strategy/
│ ├── project.md
│ └── brand-positioning.pdf
├── 03-Design/
│ ├── project.md
│ └── logo-variations.jpg
└── 04-Implementation/
├── project.md
└── guidelines.pdf
Design system:
Design-System/
├── project.md
├── Components/
│ ├── Buttons/
│ │ ├── project.md
│ │ └── button-states.jpg
│ └── Forms/
│ ├── project.md
│ └── input-fields.jpg
└── Guidelines/
├── project.md
└── spacing-grid.jpg
Tips
- Add project.md to subfolders for titles and descriptions
- Use numbered prefixes (
01-,02-) to control order - Keep nesting reasonable — 2-3 levels is usually enough
- Each level can have its own images, videos, and files