StyleGuide - HIG Menubar App 4+

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

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: support@adamfoot.dev
Website: https://adamfoot.dev