Ajabbi high-level navigation options

Mike's Notes

Ajabbi is the home of Pipi. Today's task has been to think about the common navigation bar used across Ajabbi.com and make it more useful.

The common navigation bar has been added to the top of this blog website as an experiment.

Resources

• Resource

References

• Reference

Repository

• Home > Ajabbi Research > Library >
• Home > Handbook > 

Last Updated

29/09/2025

Ajabbi high-level navigation options

By: Mike Peters

On a Sandy Beach: 29/09/2025

Mike is the inventor and architect of Pipi and the founder of Ajabbi.

Common navigation bar

The ajabbi.com website uses a common navigation bar across all its subdomain sites. It deliberately resembles a ribbon. It's inspired by PostHog's previous website navigation.

For logged-in users, a toolbar will be added to each sub-menu.

The bar comprises 8 menu items, 6 of which are permanent and 2 are contextual. Choosing any permanent menu item brings up a sub-menu and 2 possible contextual menus. There are spaces for a total of 12 contextual menus (6x2).

Sub-menu

There is room for up to 8 sub-menu items.

8 menu items x 8 sub-menu items gives a total of 64 possible sub-menu items.

Existing permanent menu items (6)

• Ajabbi.com
• Learn
• Community
• Handbook
• Foundation
• Research

Existing contextual menu items (12 possible)

• Developer
• pipiWiki
• i18n
• Project
• Design

Possible menu items

• Example
• i18n
• API
• Schema
• Help
• Blog
• Workspace

Audience

Are these menu options helpful for website visitors? Who are the groups by audience/task/need?

• Ajabbi.com (customers)
• Blog (readers, curious about why)
• Community (users)
• Developers (building stuff)
• Foundation (supporting open-source)
• Researcher (standards & science behind Pipi)

---

Changes to the common navigation bar

Each menu item choice has 2 contextual items.

Ajabbi.com

• Ajabbi.com
• About
• Legal
• Privacy
• News
• Press Releases
• Pricing
• Blog
• Community
• Developer
• Foundation
• Research
• Handbook
• Ajabbi
• Handbook
• Design
• Documentation
• Engineering
• Product
• Publication
• Teams
• Item 2

Blog

• Ajabbi.com
• Blog
• About
• Posts
• Community
• Developer
• Foundation
• Research
• Item 3
• Item 4

Community

• Ajabbi.com
• Blog
• Community
• Publications
• Events
• Whitepapers
• Newsletters
• Blogs
• GitHub
• Developer
• Foundation
• Research
• Learn
• Reference
• Docs
• Guides
• Tutorials
• Demo
• i18n

Developer

• Ajabbi.com
• Blog
• Community
• Developer
• Reports
• Support
• Tools
• Translate
• Foundation
• Research
• pipiWiki
• Recently Added
• Interaction
• Toolbox
• Platform
• Design
• Acessibility
• Components
• Content
• Data Visualisation
• Foundations
• Objects
• Style Guide
• Tokens
• Usability

Foundation

• Ajabbi.com
• Blog
• Community
• Developer
• Foundation
• Mission
• Board
• Programme
• Events
• User Groups
• Research
• Item 9
• Item 10

Research

• Ajabbi.com
• Blog
• Community
• Developer
• Foundation
• Research
• Research
• News & Events
• People
• Complex Systems
• About
• Schema
• Item 12