50 lines
1.7 KiB
Markdown
50 lines
1.7 KiB
Markdown
# @inouhealth Twitter/X Header — Design Brief
|
||
|
||
**Size:** 1500×500px
|
||
**Format:** PNG
|
||
|
||
## Layout
|
||
|
||
```
|
||
+--------------------------------------------------+
|
||
| |
|
||
| inou [blurred/ghosted carousel-1.png |
|
||
| your health. one vault. right 60% of frame] |
|
||
| |
|
||
| inou.com|
|
||
+--------------------------------------------------+
|
||
```
|
||
|
||
- **Left 40%:** Pure dark background `#0a0a0a`
|
||
- **Right 60%:** Carousel-1 screenshot, heavily blurred (blur: 12px), darkened (~60% black overlay), fading into the left dark zone via a smooth gradient mask
|
||
- **Gradient fade:** Left edge of the screenshot fades to `#0a0a0a` over ~200px
|
||
|
||
## Typography
|
||
|
||
**"inou"**
|
||
- Font: Sora Bold (file: `/home/johan/dev/inou/app/build/web/assets/fonts/Sora-Bold.ttf`)
|
||
- Size: 96pt
|
||
- Color: `#B45309` (amber)
|
||
- Position: Left-aligned, x=80px, y=center −40px
|
||
|
||
**"your health. one vault."**
|
||
- Font: Sora Light
|
||
- Size: 28pt
|
||
- Color: `#A8A29E` (warm gray)
|
||
- Position: x=84px, y=center +40px
|
||
|
||
**"inou.com"**
|
||
- Font: Sora Light
|
||
- Size: 22pt
|
||
- Color: `#4A4540` (subtle)
|
||
- Position: bottom-right, x=1440px (right-aligned), y=460px
|
||
|
||
## Notes
|
||
- Profile photo (400×400 circle) will cover bottom-left ~200px — keep logo clear of that zone
|
||
- No border, no rounded corners
|
||
- The right-side blurred UI should *suggest* the product without being readable — it's texture, not content
|
||
- Carousel image source: `/home/johan/dev/inou/marketing/twitter/` (carousel-1 through 6 available as PNG)
|
||
|
||
## Feel
|
||
Linear.app / Stripe homepage energy applied to healthcare. Dark, confident, precise. Not a wellness brand.
|