Built with Framer
Premium Prompt Library with Advanced CMS
Gabriel G Framer
Like this project
Posted Jan 30, 2026
GG Studio built Human Labs, a Framer-native prompt library for Human AI Academy, enhancing member experience.
A Premium Prompt Library for the Human AI Academy Ecosystem
Human Labs is a sleek, Framer-built prompt library created for Human AI Academy — a central hub where students can explore curated prompts, workflows and learning material in a structured, premium environment.
GG Studio designed and developed the entire experience inside Framer, combining a minimalist, high-end visual language with a left-side navigation system, curated content structure, advanced CMS usage and key integrations.
The result is a members-only interface that feels less like a simple library and more like a product-grade SaaS experience.
Overview
As Human AI Academy expanded its training ecosystem, the team needed a dedicated space to:
Organize an ever-growing collection of prompts and frameworks.
Offer members a clear, frictionless way to discover what’s relevant to them.
Maintain a brand experience that feels aligned with Human’s cutting-edge positioning.
Off-the-shelf “resource pages” or generic knowledge bases weren’t enough.
They needed a designed-from-scratch prompt library that looked and behaved like a flagship product.
GG Studio’s mandate: build a Framer-native library that combines structure, discoverability and design sophistication — and that fits seamlessly into Human’s broader membership experience.
Challenges & Objectives
Together with Human, we defined the core objectives for Human Labs:
Turn a content archive into a true product experience
The library needed to feel intentional and elevated, not like a long list of links.
Design a navigation model built for depth
A growing library required a persistent, elegant left side menu that could support categories, collections and future expansions.
Leverage CMS to stay scalable
The architecture had to support new prompts, tags and sections without redesigning layouts every time.
Integrate with Human’s existing ecosystem
The library had to connect smoothly with other tools and member flows already in place.
Deliver a premium, “Human-level” interface
The design needed to match the standard of Human’s brand and content — clean, confident and clearly professional.
Our Approach
To meet these goals, we designed Human Labs as a Framer-native product layer:
Information Architecture & Content Model
Mapped how prompts should be grouped: by use case, difficulty, tool, or learning path.
Defined which metadata would matter for users: tags, categories, outcomes, context, usage notes.
Structured the CMS with growth in mind, so new content can be added without breaking the UI.
Navigation & Layout System
Designed a persistent left side menu as the core navigation element — with sections, subsections and room to grow.
Crafted a content area focused on legibility and depth, with space for detailed explanations and best practices.
Visual Direction & Interaction Design
Built a sleek interface aligned with Human’s brand: minimal typography, strong hierarchy, subtle use of contrast.
Used motion and microinteractions to add tactility and polish, without distracting from the content.
Implementation in Framer with Advanced CMS & Integrations
Connected Framer CMS to power all prompt entries, categories and collections.
Implemented integrations necessary for the member experience (e.g. authentication flows, external tools, or learning platforms) to feel cohesive.
What We Built in Framer
Human Labs is a fully structured, member-focused hub built around clarity and depth:
Signature Left Side Menu
A fixed, elegant sidebar that anchors the entire experience:
High-level sections for topics or use cases.
Nested categories and collections for deeper navigation.
A visual hierarchy that makes it obvious where you are and what else is available.
Curated Prompt & Content Layouts
Detail pages designed to present each prompt as a fully contextualized asset: description, intent, usage tips, variations and related content.
Clean typography and spacing for long-form guidance, examples and annotations.
Optional callouts for “featured” or “recommended” items.
Advanced CMS Architecture
A content model that supports tags, relationships, categories and featured states.
Editors can add or adjust prompts directly in CMS, with the front-end automatically reflecting structure and design rules.
Flexibility to support new content types in the future (playbooks, frameworks, templates).
Integrations and Member-Ready Flows
Framer integrated with the systems required for Human’s membership and learning stack.
Smooth transitions between Human Labs and other parts of Human AI Academy’s digital experience, avoiding the “disconnected tool” feel.
Premium Visual & Interaction Language
Subtle microinteractions on hover, selection and navigation events, tuned for a product-grade feel.
A restrained, confident visual style that emphasizes content quality and Human’s positioning as a serious player in AI education.
Results & Strategic Value
Human Labs became more than a prompt repository — it evolved into a core asset in Human AI Academy’s value proposition:
Stronger perceived value for students
Members experience Human Labs as a curated, high-end tool — not as a simple list or internal document — reinforcing the value of their enrollment.
Higher engagement with learning material
The combination of structured navigation and polished UX encourages students to explore more prompts, revisit content and integrate it into their workflows.
Operational scalability for Human’s team
With an advanced CMS structure in Framer, the Human team can continuously add, refine and reorganize prompts without development overhead.
A reusable blueprint for future internal tools
The architecture and patterns used in Human Labs can be repurposed for future libraries, resources or internal products within the Human ecosystem.
Who This Is For
The Human Labs project is a strong reference for:
Education and training companies that want to turn content libraries into product-grade member experiences.
AI and SaaS brands building internal tools, prompt hubs or resource centers that must feel premium and carefully curated.
Teams working in Framer that need advanced CMS usage combined with clean, high-level UX.
Want to Build a Premium Library or Member Hub in Framer?
If you’re planning a prompt library, resource center or internal product and want it to look and feel as polished as your core offering, GG Studio can design and build it end to end in Framer.
👉 Reach out to GG Studio at hello@ggstudio.com.br or visit https://ggstudio.com.br/en to start your next project.