App Overview

StyleGuide: Indie Dev HIG Tool icon

StyleGuide: Indie Dev HIG Tool

Adam Foot · Developer Tools

StyleGuide makes it easy for iOS & other Apple platform developers to quickly preview HIG typography, colors and sizes.

$1.49 · In-app purchases

PRICE
$1.49
In-app purchases
BUSINESS MODEL
Paid
No overall Grossing estimate available
RATING
N/A
No ratings yet

Evidence scope: No current overall US chart position is available. Category-chart positions shown in discovery are a separate scope. Revenue is a directional model estimate, not verified earnings.

Build your own version

Build Kit

Make this idea yours

A product spec, screen plans, and build steps for your coding agent.

First kit free with a verified email

Add to a Remix

Combine features and design from your favorite apps.

Kit ready. Verify your email to download it.

What's included15 files

A product spec, phased build plan, differentiation notes, and screen references.

  • START_HERE
  • AGENTS
  • EVIDENCE
  • SPEC
  • BUILD_PLAN
  • DIFFERENTIATION
  • skills/
  • screens/
Preview a sample Build Kit No email needed

Illustrative example: an invoice app for independent contractors. Your kit is tailored to the app you choose; this is not its generated content.

Feature spec

Goal: Send a clear invoice after finishing a job.

  • Add a client, line items, a due date, and payment instructions.
  • Preview the total before exporting a PDF.
  • Keep an editable draft if export fails.

Screen plan

Invoice editor: Client at the top, editable line items in the middle, total and preview action at the bottom.

States: Empty draft, validation errors beside each field, exporting, and a retry action that preserves the draft.

Differentiate and validate

Hypothesis: Contractors need faster repeat invoices more than more templates.

First experiment: Test duplicating a previous job with five contractors. Watch where they hesitate before expanding the feature set.

The full kit adds a phased build plan, evidence notes, tool prompts, and implementation guidance. It is a plan for your coding agent, not a finished app.

Usage: Mechanics are fair game; never reuse the original name, branding, assets, or verbatim copy.

JavaScript is required to complete mailbox verification.

Free quick prompt For a smaller starting point

Quick prompt

> SELECT BUILD PLATFORM:

Good fit for mobile-first iOS and Android prototypes with managed app scaffolding.

// RORK SYSTEM PROMPT
Rork plan preview for StyleGuide: Indie Dev HIG Tool: map the core Developer Tools workflow, choose the smallest differentiated feature set, define the data and monetization boundaries, then prototype the riskiest user journey first.
            

Preview ready. Verify your email to reveal and copy the full prompt.

JavaScript is required to complete mailbox verification. Return to this prompt preview.

Continue in Rork copies the full prompt to your clipboard first, then opens Rork in a new tab.

Continue in Rork >

Affiliate link: CloneChart may earn a commission at no extra cost

Opportunities

AI-GENERATED OPPORTUNITY HYPOTHESES

These are generated suggestions, not verified review quotations. Check current App Store reviews and speak with users before treating a possible gap as a requirement.

Hypothesis 1

Offer more guides and community contributions

Assumption to check: Limited content and resources compared to larger design tools

Validate with people who use this workflow before building.

Hypothesis 2

Implement offline storage for guides

Assumption to check: No offline access to guides

Validate with people who use this workflow before building.

Hypothesis 3

Allow users to create and share their own styles

Assumption to check: Lack of user customization options

Validate with people who use this workflow before building.

Hypothesis 4

Enhance sharing options to include social media and direct links

Assumption to check: Limited sharing functionality

Validate with people who use this workflow before building.

App evidence

Original App Store material. Ratings and screenshots describe the existing app, not proof of demand for your version.

App Store description

StyleGuide makes it easy for iOS & other Apple platform developers to quickly preview HIG typography, colors and sizes. Instead of having to guess which font style to use or going through multiple color variations, StyleGuide allows you to preview design choices before you apply them to your app. StyleGuide contains these great features: FONT STYLES Quickly preview all of the different font styles (e.g. Large Title, Headline etc.) at multiple Dynamic Type sizes so you can choose the correct font style in your app. There's support for previewing styles on iOS, iPadOS, macOS, tvOS, watchOS and visionOS. Select a font style to view more details such as font, weight, size and how to use it in SwiftUI. COLORS View a selection of all the available colors for each Apple platform. Semantic colors that support both light & dark modes can be previewed using the toggle and selecting a color will provide more details such as RGBA values and how to use it in SwiftUI. Both SwiftUI and UIKit/AppKit colors are included so you'll be able to preview them all. SCREENSHOT SIZES Before creating your App Store screenshots, get an idea of what sizes you'll need to use to have them accepted. There's support for all Apple platforms. APP PREVIEW SIZES Use the App Preview Sizes tool to view the required resolutions for uploading videos to App Store Connect. There's support for all applicable Apple platforms. FONT DESIGNS Preview how different font styles will appear. You can view Default, Serif, Rounded and Monospaced. FONT WEIGHTS See how each font weight looks on the scale from Ultralight all the way up to Black. FONT WIDTHS View all the different font widths - Compressed, Condensed, Standard and Expanded. If you like this app, I’d really appreciate it if you could take the time to leave a positive review! Having issues? Please get in touch: Email: [email protected] Website: https://adamfoot.dev

Written user reviews are not shown here. Check current App Store reviews >

Screenshots

< Scroll to see more >

Build scope

Plan a focused first version with your coding agent. These are planning assumptions, not a delivery guarantee.

Define the first version

Choose one audience and one core workflow. Use the kit to agree on its screens, data, and acceptance criteria before building.

Set boundaries

Decide which secondary features, integrations, and platform support can wait. Your version does not need to reproduce everything in the original.

Check the hard parts

Validate external services, specialist technology, data access, and ongoing costs for your chosen scope.

SUGGESTED BUILD STACK
React Native
Expo
@react-navigation/native
axios
expo-secure-store
Supabase
BUILD KIT DIFFICULTY
Starter

From the Build Kit assessment.

A reliable timeline needs an agreed scope and a technical check. Ask your agent to estimate the phases in BUILD_PLAN.md after that review.