# Our Life — Brand Kit

The full brand kit for **Our Life · The Family Calendar**. Free to use when
you mention, share, or write about the app. Just keep the heart and the
gradient intact.

If you'd rather browse online, the same assets live at:
**[kit.ourlifeapp.ai](https://kit.ourlifeapp.ai)** — with click-to-copy hex
codes, individual logo downloads, and a few usage do's & don'ts.

---

## What's in this kit

```
brand-kit/
├── README.md                       ← you are here
├── docs/
│   └── color-and-type.md           Brand colors + font stack for any future asset
│
├── icons/                          20 square icon sizes (16×16 → 1024×1024)
│   ├── icon-1024x1024.png          Master — scale down from this
│   ├── icon-512x512.png            Large favicon, Discord, etc.
│   ├── icon-400x400.png            Twitter / X, LinkedIn personal avatar
│   ├── icon-320x320.png            Instagram, Facebook avatar source
│   ├── icon-300x300.png            LinkedIn company logo
│   ├── icon-240x240.png            Product Hunt logo
│   ├── icon-200x200.png            TikTok avatar source
│   ├── icon-192x192.png            PWA standard icon
│   ├── icon-180x180.png            Apple touch icon
│   ├── icon-170x170.png            Facebook avatar display
│   ├── icon-152x152.png            iPad touch icon
│   ├── icon-128x128.png            Chrome web store, browser extensions
│   ├── icon-96x96.png              Android xxhdpi
│   ├── icon-64x64.png              General favicon
│   ├── icon-48x48.png              General favicon
│   ├── icon-32x32.png              Browser favicon
│   ├── icon-16x16.png              Browser tab favicon
│   ├── icon-800x800.png            YouTube channel avatar
│   ├── icon-460x460.png            GitHub organization avatar
│   └── logo-transparent-original.png  The full logo on transparent BG
│
├── banners/                        8 platform-specific banners
│   ├── twitter-x-header-1500x500.png
│   ├── facebook-cover-851x315.png
│   ├── youtube-channel-art-2560x1440.png         Safe-area designed
│   ├── linkedin-company-cover-1128x191.png
│   ├── linkedin-personal-cover-1584x396.png
│   ├── product-hunt-gallery-1270x500.png
│   ├── discord-banner-600x240.png
│   └── open-graph-card-1200x630.png              The default social share card
│
├── master-svg/                     Vector sources (regenerate at any size)
│   ├── icon-square.svg             App-mark master
│   ├── banner-wide.svg
│   ├── banner-youtube.svg
│   ├── banner-linkedin-company.svg
│   └── banner-linkedin-personal.svg
│
└── social-content/                 Ready-to-post launch creatives
    ├── posts-1x1/                  6 feed-ratio posts (Instagram, Threads, LI)
    ├── posts-9x16/                 6 vertical posts (Stories, Reels, TikTok)
    └── master-svg/                 Vector sources for the posts above
```

---

## How to use it

1. **Pick the right asset.** Need a logo? Open `icons/` and grab the size you
   need. Need a social header? `banners/` is organized by platform. Want to
   make something new? Open `docs/color-and-type.md` — every hex, every font
   weight, every spacing rule is there.
2. **Default to the brand gradient.** Pink → coral → orange, top-left to
   bottom-right. It's the visual signature of the app.
3. **Default to cream, not white.** Our default page background is
   `#FAF6EE`. White is reserved for cards sitting on cream.

---

## A few quick rules

- **Do** keep the gradient direction pink → coral → orange.
- **Do** call it "Our Life" (two words, both capitalized). The category
  descriptor is *"The Family Calendar."*
- **Do** use cream backgrounds whenever possible.
- **Don't** recolor the heart mark. The gradient *is* the mark.
- **Don't** stretch or skew the logo. Scale uniformly, with at least its
  own height of clear space around it.
- **Don't** swap our tagline. The brand tagline is
  *"Less mental load. Every day."* (and the manifesto reframe
  *"You don't need another calendar. You need your time back."*).
  Lead with the outcome, not the feature.

---

## Using Our Life in your work?

We'd love to see it. Reach out at
**[hello@ourlifeapp.ai](mailto:hello@ourlifeapp.ai)**.

Journalists and reviewers — please request the press kit via
**[ourlifeapp.ai/press](https://ourlifeapp.ai/press.html)** instead.
