1.7 KiB

Raw Blame History

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