Phoenix - Your AI AssistantCustom Mobile App UI Style Guide
Delivery in
3 days
- Views 1
Amount of days required to complete work for this Offer as set by the freelancer.
Rating of the Offer as calculated from other buyers' reviews.
Average time for the freelancer to first reply on the workstream after purchase or contact on this Offer.
What you get with this Offer
I will create a comprehensive mini UI style guide for your mobile app that defines your visual language and ensures design consistency across all screens. This includes your color palette with hex codes, typography system with font sizes and weights, reusable button components with all interaction states, form field designs, icon set specifications, and spacing/grid rules. A style guide becomes your single source of truth—keeping designers aligned and developers efficient. As your app grows from three screens to thirty screens, this foundation prevents visual inconsistency and maintains brand coherence. Your team builds faster, makes fewer design decisions, and delivers a cohesive user experience that feels intentional and professional.
Your style guide will document every visual element your app needs, organized logically and presented with clear usage examples. The color palette will show primary, secondary, and accent colors with hex codes and usage guidelines. Typography will specify your headline font, body font, and label font with exact sizes, weights, and line-heights for iOS and Android. Button components will showcase all states (default, hover, active, disabled, loading) in multiple sizes. Form fields will include text inputs, checkboxes, radio buttons, toggles, and pickers with focus and error states. Icons will be presented as a set with sizing rules and stroke weight specifications. Spacing will use an 8px grid system with guidelines for padding, margins, and component spacing. You'll receive everything in an organized Figma file with interactive components so designers can copy-paste into new screens, plus a PDF export for developer reference and stakeholder communication.
Your style guide will document every visual element your app needs, organized logically and presented with clear usage examples. The color palette will show primary, secondary, and accent colors with hex codes and usage guidelines. Typography will specify your headline font, body font, and label font with exact sizes, weights, and line-heights for iOS and Android. Button components will showcase all states (default, hover, active, disabled, loading) in multiple sizes. Form fields will include text inputs, checkboxes, radio buttons, toggles, and pickers with focus and error states. Icons will be presented as a set with sizing rules and stroke weight specifications. Spacing will use an 8px grid system with guidelines for padding, margins, and component spacing. You'll receive everything in an organized Figma file with interactive components so designers can copy-paste into new screens, plus a PDF export for developer reference and stakeholder communication.
What the Freelancer needs to start the work
Your brand colors and any specific color psychology or usage guidelines you want to establish. Your preferred typography—headline font, body font, and any specialty fonts—with examples of how you want them used. Icon style preferences (outlined, filled, solid, line-weight, etc.). Sample app screens or reference apps showing the visual direction you prefer. Any existing brand guidelines or design constraints you want the style guide to follow.