Simplify studio homepage to professional development tool aesthetic#68
Merged
huangyiirene merged 4 commits intomainfrom Jan 15, 2026
Merged
Simplify studio homepage to professional development tool aesthetic#68huangyiirene merged 4 commits intomainfrom
huangyiirene merged 4 commits intomainfrom
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>
Copilot
AI
changed the title
[WIP] Simplify studio homepage for better user experience
Simplify studio homepage to professional development tool aesthetic
Jan 15, 2026
Contributor
There was a problem hiding this comment.
Pull request overview
This PR transforms the Object UI Studio homepage from a marketing-focused landing page to a professional development tool interface, aligning it with industry-standard IDEs like VS Code and Figma.
Changes:
- Simplified header styling with reduced height (64px → 56px) and minimalist button design
- Removed hero section including marketing copy, decorative animations, and excessive whitespace
- Replaced pill-style category buttons with tab-based navigation featuring VS Code-style bottom borders
- Increased template grid density (3 → 4 columns) with cleaner, more compact card designs
Comments suppressed due to low confidence (1)
apps/playground/src/pages/Home.tsx:38
- The header button label was shortened from "New Design" to just "New", which may be too terse and could confuse users about what type of new item will be created. In a professional tool, clarity is important. Consider keeping "New Design" or using an alternative like "New Project" to maintain clarity.
New
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Contributor
|
✅ All checks passed!
|
2 similar comments
Contributor
|
✅ All checks passed!
|
Contributor
|
✅ All checks passed!
|
Copilot AI
added a commit
that referenced
this pull request
Feb 16, 2026
- Export TimelineConfig and TimelineConfigSchema from @object-ui/types (#64) - Export NavigationConfig and NavigationConfigSchema from @object-ui/types - Update ObjectTimeline to use spec-compliant startDateField with backward compat (#72) - Add endDateField, groupByField, colorField, scale to ObjectTimeline - Add navigation support to ObjectGallery via useNavigationOverlay (#66) - Implement navigation.view property in useNavigationOverlay hook (#68) - Implement emptyState spec property in ListView (#71) - Add emptyState to ListViewSchema type - Add tests for all new functionality Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
The homepage had a marketing-focused design (hero section, decorative animations, excessive whitespace) unsuitable for a professional development tool.
Changes
Header
Hero Section Removed
py-16→py-6Category Navigation
Template Grid
aspect-videoRouting Fix
/${key}→/studio/${key}Code Impact
apps/playground/src/pages/Home.tsx: +77 / -108 linesBefore / After
Before - Marketing Landing Page:
After - Professional Tool Interface:
Category View (Data Display):
The new design aligns with professional development tools (VS Code, Figma, CodeSandbox) - information-dense, minimal decoration, functional hierarchy.
Original prompt
✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.