# ReverseThrift — Brand Guidelines

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

ReverseThrift is a reverse marketplace: buyers post requests, sellers compete with offers. The brand should feel **modern, trustworthy, premium, and effortless** — Apple-level polish with a confident emerald identity.

---

## Logo

The mark is a rounded squircle carrying an emerald→teal gradient and a white **R**. The wordmark sets **Reverse** in ink and **Thrift** in emerald.

| 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 |
|-------|-----|------|
| Emerald | `#10B981` | Primary brand color, CTAs, links |
| Emerald Light | `#34D399` | Hover, gradient start, accents on dark |
| Teal | `#0D9488` | Gradient end |
| Ink | `#0B1220` | Dark surfaces, primary text on light |
| Slate | `#64748B` | Muted / secondary text |
| Mist | `#F8FAFC` | Light surfaces, text on dark |

**Mark gradient:** `linear-gradient(135deg, #34D399 0%, #10B981 55%, #0D9488 100%)`

Semantic: success `#16A34A`, warning `#F59E0B`, destructive `#EF4444`.

---

## 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.

---

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