# wello — Brand Asset Kit

Source-of-truth brand assets. SVGs are the masters; PNGs are rasterized from them
(Poppins Bold for the wordmark). Re-render with `landing/scripts/render-brand.mjs`.

## Colors

| Token        | Hex       | Use                              |
|--------------|-----------|----------------------------------|
| Teal 700     | `#04475a` | Primary brand — CTAs, headings   |
| Teal 900     | `#02323e` | Deep backgrounds, icon gradient  |
| Teal 500     | `#0a6378` | Links, accents                   |
| Pink 400     | `#e7b4d8` | Signature accent (the "i" dot)   |
| Pink 200     | `#f7e2f1` | Eyebrow pills, soft fills        |
| Ink 900      | `#0c2a31` | Primary text                     |

Typography: **Poppins** (display / wordmark), **DM Sans** (body).

## App icons

| File                              | Size      | Where it goes                                            |
|-----------------------------------|-----------|---------------------------------------------------------|
| `icon-master.svg`                 | vector    | Master — re-derive any size from this                   |
| `icon-1024.png`                   | 1024²     | General use (has alpha)                                  |
| `ios-appstore-1024-noalpha.png`   | 1024²     | **App Store Connect** marketing icon — NO alpha (required) |
| `playstore-512.png`               | 512²      | **Google Play** Store listing icon (32-bit PNG)         |
| `android-adaptive-foreground.png` | 1024²     | Android adaptive icon — foreground layer (safe-zone baked in) |
| `android-adaptive-background.png` | 1024²     | Android adaptive icon — background layer                |
| `icon-512.png` / `icon-180.png`   | 512 / 180 | Web / misc                                              |

> iOS rejects icons with an alpha channel. Use `ios-appstore-1024-noalpha.png` for
> App Store Connect. The Expo app's runtime icon lives in `sahayak/assets/`.

## Logo / wordmark

| File                  | Background it's for | Notes                          |
|-----------------------|---------------------|--------------------------------|
| `wordmark-dark.png`   | dark backgrounds    | white text — transparent PNG   |
| `wordmark-light.png`  | light backgrounds   | teal text — transparent PNG    |
| `../logo.svg`         | light               | inline wordmark used on the site |
| `../logo-mark.svg`    | any                 | icon-only mark (header/footer) |

## Social

| File                    | Size      | Use                                  |
|-------------------------|-----------|--------------------------------------|
| `../og-default.png`     | 1200×630  | Default Open Graph / Twitter card    |
| `../og-default.svg`     | vector    | Editable source for the OG image     |