Shinta

DESIGN.md

# Shinta — Design and Motion Guide

Shinta gives social-content agencies a bold yet approachable canvas. Oversized editorial typography sets the pace, while near-white space, warm dark text, and pink and lilac accents bring clarity and personality. Rounded media and measured motion add energy without pulling attention away from the work.

## Typography

The primary family is **Open Sauce One**, using regular (`400`), semibold (`600`), and bold (`700`) weights. Use the template's existing font references. Arial is only a fallback.

| Element | Desktop | Phone |
| --- | --- | --- |
| Body | `18px`, weight `400`, line-height `1.5` | `16px`, weight `400`, line-height `1.5` |
| Main H1/H2 | `64px`, weight `700`, line-height `1.1`, tracking `-0.04em` | `42px`, line-height `1.06` |
| Homepage hero H1 | `64px`, weight `700`, line-height `64px`, tracking `-0.04em` | `32px`, weight `700`, line-height `32px` |

Unlock the design guide

DESIGN.md is included while an eligible library subscription is active.

About

Shinta gives social-content agencies a bold yet approachable canvas. Oversized editorial typography sets the pace, while near-white space, warm dark text, and pink and lilac accents bring clarity and personality. Rounded media and measured motion add energy without pulling attention away from the work.