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
- Fork the repo
- Clone your fork locally:
git clone https://github.com/YOUR_USERNAME/splitidu.git
cd splitidu
- Create a new branch for your changes:
git checkout -b design/improve-icons
-
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.
-
Commit your changes:
git add .
git commit -m "design: improve app icons and favicon"
- Push to your fork:
git push origin design/improve-icons
- 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
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.pngimages/favicon-16x16.pngimages/apple-touch-icon.pngimages/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:
#FAF7EF, ink#1B1B18, accent (stamp red)#A33228Courier New)You can see the live app here: https://splitidu.vercel.app
Specs needed
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
git clone https://github.com/YOUR_USERNAME/splitidu.git cd splitiduAdd 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.Commit your changes:
mainon this repo. In the PR description, please include: