Match your brand
Tell HelloPack your colours, font, tone and use cases, and describe your app's look, so backgrounds and headlines look like your app.
HelloPack designs the background and headline of every screenshot. Without any help it guesses colours from your screenshots. When you describe your app, it uses your real brand colours, font and tone instead. It takes about a minute and it's free.
Before and after
Same three BookWorm screenshots, same captions, German. On the left, no app details and no look description: HelloPack picked the red from a book cover. On the right, BookWorm's details and look were filled in.
Before: no design details.
After: with design details.
Steps
-
Tell us about your app. From your Launch Kit choose Description, or choose Add an app on your account page. Type your app's name, keep Describe it selected, and fill in the box:
- What it does, in a sentence or two, then a sentence like "It's for people who…" (that fills in who it's for).
- Each feature on its own line, starting with "-".
- Your colours as hex codes, in this order: primary, background, text, accent. That's the order we read them in.
- Your font's name, and a line such as "Tone: warm, cozy, encouraging".
-
Pick categories and add use cases (optional). Choose your App Store and Google Play categories. Under More detail, add up to 3 use cases (Who, Situation, Outcome) and one line per screenshot under What each screenshot shows.
-
Check what we understood. Choose Continue. The next page shows your colours as swatches, plus your font and tone. If a colour landed in the wrong role, choose Edit and reorder the hex codes.
-
Describe your app's look when you upload. On the upload step there's an optional Describe your app's look box (up to 200 characters). Name colours, fonts and mood in a few words.
-
Keep Match my design ticked. On the languages step, pick your app under Which app is this for? and leave Match my design ticked. To get the "before" look, choose Another app or untick it.
This is how the before example was made
Good and bad examples
| Bad | Good | |
|---|---|---|
| What it does | "A great app for readers." | "BookWorm is a reading tracker with streaks, a reading timer and monthly reading quests." |
| Colours | "Green and yellow" | "#2F5D4A forest green, #F8F1DF cream, #1F3B2F dark green, #E9C85A golden yellow" (primary, background, text, accent) |
| Font | "A nice serif" | "Font: Playfair Display" |
| Tone | "Fun" | "Tone: warm, cozy, encouraging" |
| Describe your app's look | "Modern and clean" | "Cream paper, forest green and golden yellow, serif headings, cozy and hand-drawn" |
| Use case | "Anyone" | Who: "a busy parent". Situation: "reading 10 minutes before bed". Outcome: "keeps a reading streak alive without effort" |
Tip: Fonts we recognise by name include SF Pro, Inter, Roboto, Poppins, Montserrat, Open Sans, Lato, Nunito, Manrope, DM Sans, Work Sans, Rubik, Playfair Display, Merriweather, Lora, Source Sans, IBM Plex Sans, Space Grotesk, Figtree, Outfit, Helvetica and Avenir.
Use my agent (for developers)
If you build with a coding agent such as Cursor or Claude Code, choose Use my agent, copy the prompt into your agent, and paste back the block it writes. It reads your theme files, so it fills in exact colours, font, corner radius, style, tone and the brand terms that must never be translated. This is the only way to set brand terms right now.
Next: Write captions that convert.