# ReThrift — Brand Guidelines

**Tagline:** _Post what you need. Let sellers compete._
**Domain:** rethrift.online

ReThrift is a reverse marketplace: buyers post requests, sellers compete with offers. The brand should feel **friendly, conversational, trustworthy, and premium** — a chat-first marketplace. Light-first UI with a confident indigo identity and a warm coral accent.

---

## Logo

The mark is a rounded squircle carrying an indigo gradient and a white **R**. The wordmark sets **Re** in ink and **Thrift** in indigo.

| Asset | File | Use |
|-------|------|-----|
| App mark | `logo-mark.svg` | Favicon, avatars, app icon, tight spaces |
| Primary lockup | `logo-horizontal.svg` | Light backgrounds |
| Inverse lockup | `logo-horizontal-inverse.svg` | Dark / photographic backgrounds |
| Stacked | `logo-stacked.svg` | Square placements, splash, print |
| Wordmark | `wordmark.svg` | When the mark is already present |
| Maskable icon | `icon-maskable.svg` | PWA / Android adaptive icon |
| Social cover | `cover.svg` | OG image, banners (live at `/opengraph-image`) |

**Clear space:** keep padding around the logo equal to the height of the “R”.
**Minimum size:** mark 16px; horizontal lockup 120px wide.

---

## Color

| Token | Hex | Role |
|-------|-----|------|
| Indigo | `#6366F1` | Primary brand color, sent chat bubbles |
| Indigo Deep | `#4F46E5` | Buttons, links, wordmark "Thrift" |
| Indigo Light | `#818CF8` | Gradient start, accents on dark |
| Coral | `#FB7185` | Warm accent — highlights, notifications, urgent |
| Ink | `#1E1B2E` | Primary text, dark surface |
| Slate | `#6B7280` | Muted / secondary text |
| Mist | `#F5F6FB` | Light surface |

**Mark gradient:** `linear-gradient(135deg, #818CF8 0%, #6366F1 55%, #4F46E5 100%)`

Semantic: success `#16A34A`, warning `#F59E0B`, destructive `#EF4444`. Coral is an accent, not a status color.

---

## Typography

- **Display — Sora** (700/800): headlines, wordmark, section titles.
- **Body — Inter** (400–700): UI, body, labels, buttons.

Use tight tracking (`-0.02em`) on large display text. Keep body at default tracking.

---

## Do & Don’t

**Do**
- Use the inverse lockup on dark backgrounds.
- Keep the gradient on the mark; keep the wordmark solid.
- Maintain clear space and minimum sizes.

**Don’t**
- Recolor, stretch, rotate, or add drop shadows to the logo.
- Put the dark wordmark on low-contrast backgrounds.
- Rebuild the mark in another typeface.

---

© ReThrift. Assets in this folder may be used to reference or link to ReThrift.