GitAlchemy's Raycast-Inspired Design Overhaul: Modern Mobile GitLab Experience

Modern mobile development demands interfaces that are both functional and beautiful. This week, GitAlchemy shipped a complete design system overhaul inspired by Raycast's clean, purposeful aesthetic—bringing a polished, dark-first mobile GitLab experience to iOS and Android.

Why Raycast-Inspired Design Matters

Raycast has become the gold standard for minimalist, productivity-focused design. Its approach emphasizes clarity through constraints: limited color palettes, thoughtful typography, and intentional spatial relationships. These principles translate perfectly to mobile—where screen real estate is precious and every interaction matters.

For GitLab mobile users, this means managing issues, merge requests, code, pipelines, and notifications from your phone feels less like a compromise and more like a complete experience.

The Dark-Only Theme: A Deliberate Choice

GitAlchemy's new design system embraces dark mode as the primary surface, not an afterthought. This reflects current mobile app design trends where dark themes serve both aesthetic and practical purposes—reducing eye strain and conserving battery life.

The color palette is built on a token-based surface ladder:

Card Surface: #1e1f23 – the base elevation level
Secondary Surface: #2a2b2f – for nested elements, hover states, and depth
Visible Border: #3a3d40 – subtle but present, guiding visual hierarchy

This three-tier elevation system creates the minimum necessary contrast while maintaining visual coherence—a design principle that prevents dark mode from becoming a featureless void. Each surface level serves a specific purpose, making interfaces instantly scannable.

Typography: Inter Variable Font with Smart Features

Inter has become the typeface of choice for modern, technical interfaces. GitAlchemy now uses Inter's variable font capabilities with ss03 ligature features enabled—a subtle but powerful choice that improves code readability while maintaining the font's characteristic clarity.

Variable fonts reduce bundle size and allow dynamic scaling across different screen densities, critical for mobile experiences where performance matters.

Redesigned List Cards: Function Meets Form

List cards are the backbone of mobile GitLab workflows. The new design introduces:

Status Icon Tiles: Quick visual indicators for issue status, merge request state, pipeline status, and project health
Hairline Borders: Subtle 1px borders separate cards without the visual heaviness of older designs
Consistent Spacing: Cards for issues, merge requests, projects, and pipeline runs all share a unified visual language

This consistency means users instantly understand how to scan and interact with any list in the app, reducing cognitive load during fast-paced development sessions.

Detail Headers: Less Noise, More Signal

The original detail headers included redundant navigation rows that created visual clutter. The new design strips these away, leaving only essential information. When you open an issue or merge request, you see what matters: the title, key metadata, and actions. Navigation is implicit in the app structure, not repeated in every header.

Completely Redesigned Comment and Review Experience

Comment cards, note threads, and the reply bar have been fully redesigned to match the new aesthetic:

Form controls (inputs, textareas, checkboxes, switches, selects) now use bg-secondary with visible borders
The rich text editor lives in a visible border container, making input areas feel integrated rather than floating

Discussions and code reviews—core to GitLab workflows—now have interfaces that feel as polished as the apps developers use on desktop.

Platform-Specific Enhancements

Chrome/Web: The GitAlchemy header now restores the logo (a visual identity marker that was missing), and a new Groups tab has been added to the bottom navigation for faster project and group switching.

Mobile (iOS & Android): Every component has been harmonized under the new design tokens system, ensuring consistency whether you're on an iPhone, iPad, or Android device.

What This Means for Your Workflow

Managing GitLab from mobile often means responding quickly—approving merge requests during a stand-up, checking pipeline status while traveling, or triaging urgent issues. A polished, intentional design system removes friction from these moments.

The Raycast-inspired approach means:

Faster Scanning: Visual hierarchy is immediate; you don't need to study the interface to understand what you're looking at
Reduced Cognitive Load: Consistent patterns mean you learn the interface once and apply that knowledge everywhere
Professional Aesthetic: Dark theme + clean typography + visible borders = an app that feels as serious as the work it supports

Design Tokens: The Foundation

Modern mobile design systems are built on design tokens—named values that represent colors, spacing, typography, and other attributes. This enables consistency at scale and allows themes to switch without rewriting component code.

GitAlchemy's token-based approach means future updates can refine colors, adjust spacing, or introduce new themes without redesigning every component individually. This is the hallmark of mature, maintainable design systems.

Looking Forward

This overhaul isn't just about aesthetics. It's about acknowledging that mobile GitLab users deserve interfaces as carefully crafted as their desktop counterparts. By adopting Raycast's design philosophy—simplicity, intentionality, and clarity—GitAlchemy raises the bar for what mobile dev tools can be.

Whether you're managing issues from your phone, reviewing code on the train, or monitoring pipelines on the go, GitAlchemy's new design system makes these interactions feel effortless.

Try it today on the Google Play Store or App Store and experience the difference thoughtful mobile design makes.

Questions or feedback about the new design? We'd love to hear from you on our community channels.