Foundation.
Every value Flaghand wears, read from one theme file.
Type.
Familjen Grotesk
Display46–96 / .95 / −4.5% / 700
Post it exactly as you saw it.
Title38–72 / .98 / −4% / 700
Approve with one tap.
Heading34–48 / 1 / −3.5% / 700
Connected accounts.
Head24 / 1.15 / −2.5% / 700
Post at next best time
Lede19 / 1.45 / −1% / 400
Your agent drafts. You approve. Flaghand posts.
Read17 / 1.6 / −0.5% / 400
Every post is checked against each network before it goes out, so what you approve is what your followers see.
Body16 / 1.5 / −0.5% / 400
Shipping the new desk today. One tap to approve, and it posts exactly as previewed.
Small14.5 / 1.45 / −0.6% / 400
Login ends Dec 1.
Meta13 / 1.35 / −0.6% / 400
1 of 2
Monoui-monospace
flaghand drafts create --network linkedin
Colour.
Default
:root
- background#c8321eground
- foreground#fff5e94.96:1
- muted#c8321e1.00:1
- muted-foreground#fff5e94.96:1
- border#fff5e9471.54:1
- border-strong#fff5e94.96:1
- input#fff5e9802.24:1
- ring#fff5e94.96:1
- primary#fff5e94.96:1
- primary-foreground#c8321e1.00:1
- secondary#fff5e94.96:1
- secondary-foreground#c8321e1.00:1
- accent#f6ebdf4.55:1
- accent-foreground#24110c3.39:1
- link#fff5e94.96:1
- card#fffaf35.14:1
- card-foreground#24110c3.39:1
- popover#fffaf35.14:1
- popover-foreground#24110c3.39:1
- overlay#3c0a046b1.66:1
- success#fff5e94.96:1
- success-foreground#c8321e1.00:1
- warning#fff5e94.96:1
- warning-foreground#c8321e1.00:1
- destructive#fff5e94.96:1
- destructive-foreground#c8321e1.00:1
- selection#fff5e94.96:1
- foreground-soft#fff5e94.96:1
- selection-foreground#c8321e1.00:1
Text pairs
- Aaforeground on background4.96:14.5:1
- Aamuted-foreground on background4.96:14.5:1
- Aaforeground-soft on background4.96:14.5:1
- Aalink on background4.96:14.5:1
- Aadestructive on background4.96:14.5:1
- Aaforeground on muted4.96:14.5:1
- Aamuted-foreground on muted4.96:14.5:1
- Aaforeground-soft on muted4.96:14.5:1
- Aalink on muted4.96:14.5:1
- Aacard-foreground on card17.42:14.5:1
- Aapopover-foreground on popover17.42:14.5:1
- Aaprimary-foreground on primary4.96:14.5:1
- Aasecondary-foreground on secondary4.96:14.5:1
- Aaaccent-foreground on accent15.40:14.5:1
- Aasuccess-foreground on success4.96:14.5:1
- Aawarning-foreground on warning4.96:14.5:1
- Aadestructive-foreground on destructive4.96:14.5:1
- Aaselection-foreground on selection4.96:14.5:1
- Aaprimary on background4.96:1large, 3:1
Alt
data-surface="alt"
- background#fffaf3ground
- foreground#24110c17.42:1
- muted#f6ebdf1.13:1
- muted-foreground#7a61595.49:1
- border#24110c1c1.26:1
- border-strong#24110c17.42:1
- input#24110c4d1.96:1
- ring#24110c17.42:1
- primary#c8321e5.14:1
- primary-foreground#fff5e91.04:1
- secondary#24110c17.42:1
- secondary-foreground#fffaf31.00:1
- accent#ddd1c61.44:1
- accent-foreground#24110c17.42:1
- link#24110c17.42:1
- card#fffaf31.00:1
- card-foreground#24110c17.42:1
- popover#fffaf31.00:1
- popover-foreground#24110c17.42:1
- overlay#3c0a046b2.70:1
- success#2f6b456.11:1
- success-foreground#fff5e91.04:1
- warning#c8321e5.14:1
- warning-foreground#fff5e91.04:1
- destructive#a12a167.07:1
- destructive-foreground#fff5e91.04:1
- selection#c8321e5.14:1
- foreground-soft#5a3f379.19:1
- selection-foreground#fff5e91.04:1
Text pairs
- Aaforeground on background17.42:14.5:1
- Aamuted-foreground on background5.49:14.5:1
- Aaforeground-soft on background9.19:14.5:1
- Aalink on background17.42:14.5:1
- Aadestructive on background7.07:14.5:1
- Aaforeground on muted15.40:14.5:1
- Aamuted-foreground on muted4.85:14.5:1
- Aaforeground-soft on muted8.12:14.5:1
- Aalink on muted15.40:14.5:1
- Aacard-foreground on card17.42:14.5:1
- Aapopover-foreground on popover17.42:14.5:1
- Aaprimary-foreground on primary4.96:14.5:1
- Aasecondary-foreground on secondary17.42:14.5:1
- Aaaccent-foreground on accent12.07:14.5:1
- Aasuccess-foreground on success5.89:14.5:1
- Aawarning-foreground on warning4.96:14.5:1
- Aadestructive-foreground on destructive6.82:14.5:1
- Aaselection-foreground on selection4.96:14.5:1
- Aaprimary on background5.14:1large, 3:1
Night
data-surface="night"
- background#0d0807ground
- foreground#f6ece417.10:1
- muted#0d08071.00:1
- muted-foreground#f6ece49e6.79:1
- border#f6ece4241.37:1
- border-strong#f6ece417.10:1
- input#f6ece4663.39:1
- ring#f6ece417.10:1
- primary#c8321e3.73:1
- primary-foreground#fff5e918.48:1
- secondary#f6ece417.10:1
- secondary-foreground#0d08071.00:1
- accent#2e28261.37:1
- accent-foreground#f6ece417.10:1
- link#f6ece417.10:1
- card#fffaf319.17:1
- card-foreground#24110c1.10:1
- popover#fffaf319.17:1
- popover-foreground#24110c1.10:1
- overlay#3c0a046b1.05:1
- success#f6ece417.10:1
- success-foreground#0d08071.00:1
- warning#f6ece417.10:1
- warning-foreground#0d08071.00:1
- destructive#f6ece417.10:1
- destructive-foreground#0d08071.00:1
- selection#fff5e918.48:1
- foreground-soft#f6ece49e6.79:1
- selection-foreground#0d08071.00:1
Text pairs
- Aaforeground on background17.10:14.5:1
- Aamuted-foreground on background6.79:14.5:1
- Aaforeground-soft on background6.79:14.5:1
- Aalink on background17.10:14.5:1
- Aadestructive on background17.10:14.5:1
- Aaforeground on muted17.10:14.5:1
- Aamuted-foreground on muted6.79:14.5:1
- Aaforeground-soft on muted6.79:14.5:1
- Aalink on muted17.10:14.5:1
- Aacard-foreground on card17.42:14.5:1
- Aapopover-foreground on popover17.42:14.5:1
- Aaprimary-foreground on primary4.96:14.5:1
- Aasecondary-foreground on secondary17.10:14.5:1
- Aaaccent-foreground on accent12.46:14.5:1
- Aasuccess-foreground on success17.10:14.5:1
- Aawarning-foreground on warning17.10:14.5:1
- Aadestructive-foreground on destructive17.10:14.5:1
- Aaselection-foreground on selection18.48:14.5:1
- Aaprimary on background3.73:1large, 3:1
Space and shape.
On 4 px
- 14
- 28
- 312
- 416
- 520
- 624
- 732
- 844
- 956
- 1084
- 11120
- Inline4
- Control12
- Card14
- Sheet22
- Shadow 1
- Focus2 + 3
- Hairline1
- Page
- 1440
- Margin
- 56
- Gutter
- 24
- Section
- 120
- Measure
- 680
- Control
- 52
Motion.
cubic-bezier(.2, 0, 0, 1)
Components.
Button
Form
Overlays
Disclosure
First panel.
Yes. An open row.
A closed row, still in the HTML.
Not reachable.
Text
A guide on the reading measure
Long-form text with a link, strong words and inline code.
- A list item
- Another
npm install
npm run dev| Plan | Price |
|---|---|
| Pro | $12.00 |
| Team | $48.00 |
Sign-in
Loading and media
On alt.
Button
Form
Overlays
Disclosure
First panel.
Yes. An open row.
A closed row, still in the HTML.
Not reachable.
Text
A guide on the reading measure
Long-form text with a link, strong words and inline code.
- A list item
- Another
npm install
npm run dev| Plan | Price |
|---|---|
| Pro | $12.00 |
| Team | $48.00 |
Sign-in
Loading and media
On night.
Button
Form
Overlays
Disclosure
First panel.
Yes. An open row.
A closed row, still in the HTML.
Not reachable.
Text
A guide on the reading measure
Long-form text with a link, strong words and inline code.
- A list item
- Another
npm install
npm run dev| Plan | Price |
|---|---|
| Pro | $12.00 |
| Team | $48.00 |
Sign-in
Loading and media
Frame.
Section and Container
The vertical rhythm and page margins every band sits on.
Signature.
Pennant
Held line
Posted exactly as approved.
Sheet
Where work happens: cream, on the one shadow.
Product frame
Claude Code
Claude Code v2.1.310
❯Draft my X posts and have me approve them before they go out.
●Fetch(https://flaghand.com/llms.txt)
⎿Received 12.8KB (200 OK)