Skip to content

Improve app icons & favicon #1

Description

@adwaithprasanth

Context

I'm not a designer, so the current icons/images were put together quickly just to get the app shippable. They work, but they could genuinely use a professional touch. If you enjoy icon/brand design and want a small, self-contained task for your portfolio, this is a good one.

What needs improving

  • images/favicon-32x32.png
  • images/favicon-16x16.png
  • images/apple-touch-icon.png
  • images/og-image.png (the link preview image shown when sharing the site)
  • images/banner.png (the README banner)

Current look & brand direction

Splitidu's whole aesthetic is a receipt/ledger theme - think old paper receipts, not a typical flat SaaS app. Please keep any redesign within this direction rather than introducing a new style:

  • Colors: paper #FAF7EF, ink #1B1B18, accent (stamp red) #A33228
  • Type: monospace throughout (currently Courier New)
  • Motif: the perforated/torn-paper edge used across the app and current logo

You can see the live app here: https://splitidu.vercel.app

Specs needed

Asset Size Notes
Favicon 512×512 master (export 16×16 + 32×32) Simple, bold - needs to read clearly at 16px
Apple touch icon 180×180 Full square, no transparency, no rounded corners (iOS rounds it automatically)
OG image 1200×630 Shown as the preview card when the link is shared on WhatsApp/Twitter/etc.
README banner ~1280×720 (wide, README-width) Shown at the top of the GitHub repo README

Scope

Just these image assets - not a full app redesign. If you have ideas beyond this scope, feel free to open a separate issue.

How to submit

  1. Fork the repo
  2. Clone your fork locally:
   git clone https://github.com/YOUR_USERNAME/splitidu.git
   cd splitidu
  1. Create a new branch for your changes:
   git checkout -b design/improve-icons
  1. Add your new image files into the images/ folder. You can keep the same filenames (favicon-32x32.png, favicon-16x16.png, apple-touch-icon.png, og-image.png, banner.png) so no code changes are needed.

  2. Commit your changes:

   git add .
   git commit -m "design: improve app icons and favicon"
  1. Push to your fork:
   git push origin design/improve-icons
  1. Open a Pull Request from your fork's branch into main on this repo. In the PR description, please include:
    • A quick before/after screenshot or preview of the new assets

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions