bitrig.com

Bitrig | Build and ship native Swift apps with AIsaved 6d ago · captured 6d ago

Nine details, nine pinned.

View as Markdown ↗

Colors8 colors · ground #F6F4FA

ground#f6f4fa·68.91%#d8cadd·3.75%#322f3c·3.11%#8858cc·2.47%#aba7b8·1.63%#505256·1.56%accent#6b30c1·1.22%#121312·1.06%

Sized by coverage · click to copy.

Typography1 family · 5 styles · ABC Favorit Variable Variable Regular

Build and ship native Swift apps with AI

ABC Favorit Variable Variable Regular · 88/92 · 400 · -4.4px

From idea to App Store

ABC Favorit Variable Variable Regular · 117/111 · 400 · -3.51px

Download for Mac

ABC Favorit Variable Variable Regular · 16/16 · 400 · 0.32px

Body

Describe what you want to build, and Bitrig turns it into real Swift code you ca

ABC Favorit Variable Variable Regular · 20/27 · 400 · normal

Small

Requires macOS 15+ and Apple silicon

ABC Favorit Variable Variable Regular · 12/20 · 400 · -0.24px

Specimens are the page's own words at their measured metrics; shown in Inter when the family is not loaded.

ButtonsDownload for Mac1 style

Download for Mac

primary · fill — · label #ffffff · radius 999px · border 0px · padding 12px 20px · height 44px · type 12px / 400

Shape5 radii · 54 uses

22%41 uses · 76%

12px8 uses · 15%

999px2 uses · 4%

32px2 uses · 4%

40px1 use · 2%

AnalysisA Mac app for building Swift apps with AI, presented as a love letter to the iOS home screen.

A Mac app for building Swift apps with AI, presented as a love letter to the iOS home screen. The hero is near-white lavender (#f6f4fa) with a fan of glossy, squircle app icons falling from the top edge and narrowing to a V that points at one larger brand icon. Below it sits a tight two-line ABC Favorit headline at 88px, weight 400 with -4.4px tracking, and a single combined pill pairing the download CTA with a row of device glyphs. From there the page drops the white and moves through full-bleed color bands: a violet-to-magenta wash, a hot orange-to-red gradient with a floating Liquid Glass prompt card over iPhone mockups, a blue-violet "get paid" band, an electric-violet testimonial, and a charcoal dotted-grid section for the companion app. Every band is a single saturated gradient with white type and one product visual, so the long scroll reads as a series of app-icon colors rather than a stack of sections. A frosted pill nav floats over all of it, tinting to match whichever band sits behind it.

Style recipeBuild an Apple-native, color-joyful product page.

Build an Apple-native, color-joyful product page. Start light: a #f6f4fa lavender-white canvas, #121312 ink, #505256 / #aba7b8 grays. Set everything in one neo-grotesk (ABC Favorit, or Inter Display / Suisse as a fallback) at weight 400 only, and get hierarchy from size and tracking. Display runs 88–117px with tracking around -0.04 to -0.05em and line-height 1.0–1.05. Body is 20/27px. Small print is 12px with -0.02em tracking. Use italic display only for testimonials. The radius language is iOS: squircle icons at 22%, cards at 12–32px, every control a 999px pill. Primary CTA: a black pill (#000, white 14–16px text, about 44px tall, 12px 20px padding). Nest it inside a white outlined capsule that carries a secondary row of thin line icons, so action and context share one shape. Navigation is a centered floating capsule, translucent white with backdrop blur. Mark the active item as a solid white segment and put a black pill CTA at the end. Never use a full-width bar. Below the light opening, chapter the page with full-bleed diagonal gradients, one per feature: violet #8858cc to #6b30c1, orange #f2804f to red #d42a1a, blue to purple, electric violet #5b10f5. Center white display type on each, with a single product visual (a device mockup or one big glossy 3D icon). Float frosted "liquid glass" panels over mockups, and use the brand violet #6b30c1 for sparkle-prefixed AI chips and highlights. Give one secondary product a charcoal band (#121312 to #322f3c) with a faint dot grid. Fade the trailing half of headlines or quotes to about 60% white for rhythm. Decoration comes from glossy colored app-icon tiles, which can open and close the page as a motif, not from illustration or borders. The gradients are the color. The light canvas and black CTAs stay neutral.

Details9 worth noting

bitrig.com — the captured page — Landing, 1440 × 900 · captured Oct 4, 2026

1App-icon cascade funneling to the logo
An icon cascade as the hero image. Dozens of 22%-radius app icons hang from the top edge in staggered columns and taper into a V that lands on one larger brand icon. It says "native apps" without a screenshot and gives the eye an arrow pointing at the logo.
2Frosted segmented nav capsule
Frosted floating nav pill. A translucent capsule (999px radius, white about 60% with backdrop blur) holds a monospace-ish wordmark, a segmented "Mac" chip for the active item in solid white, gray links, and a black "Download" capsule at the end. It never docks to a bar, and it picks up the tint of every color band it passes over.
3Download pill fused with platform glyphs
CTA fused with a capability strip. The black "Download for Mac" pill sits inside a wider white outlined capsule whose right half reads "Build for" followed by seven line-icon device glyphs (iPhone, iPad, Mac, Watch, TV, Vision). One shape covers both the action and the platform support, so no separate badge row is needed.
4Pedigree eyebrow with Swift glyph
Credibility eyebrow under the logo. "From co-creators of SwiftUI" plus the Swift bird, set at 14px in gray between the icon and the headline. It is pedigree used as a kicker, and it is smaller than anything else above the fold.
5Color-chaptered gradient section bands
Full-bleed gradient bands per feature. Each section gets its own saturated diagonal gradient (violet, orange to red, blue to purple, electric violet) with centered white display type, so the scroll is chaptered by color instead of by dividers.
6Frosted AI prompt card over phones
A Liquid Glass prompt card over device mockups. A large frosted panel overlaps two phones and shows sparkle-prefixed suggestion chips in violet ("Active Pill", "Premium Card"), a big prompt line with the trailing word grayed, and a black circular send button with a cursor on it. The AI interaction becomes the hero object of the section.
7Half-faded italic display testimonial
A testimonial set as display type. The quote is italic Favorit at about 52px in white on electric violet, with the second half of each line faded to about 60% opacity, a giant outlined quote mark above, and only a round avatar and name for attribution.
8Dotted-grid dark band for second product
A charcoal dotted-grid band for the companion app. The one dark section (#121312 to #322f3c) uses a faint dot matrix, so the "Remote" product reads as a different mode without leaving the system.
9Icon arc reprised atop the footer
The icon cascade comes back as the footer cap. A short arc of the same app icons sits on the footer's top edge, closing the page with the image it opened on.