skyyrose-social-social-media-graphics

name	skyyrose-social-social-media-graphics
description	Produces a platform-ready SkyyRose social media graphics brief — canvas specs, per-collection design direction, layout rules, color tokens, and file naming — for a coordinated graphic set across Instagram, TikTok, Pinterest, X, and email that feeds the Elite Studio social pipeline.
allowed-tools	Read Write Edit Glob

SkyyRose Social — Social Media Graphics

When to Use This Skill

• Briefing a designer or generating graphics specs for a SkyyRose drop announcement, campaign launch, or collection tease
• Producing a coordinated visual set across 2-6 platforms from one creative brief
• Creating quote graphics, event posts, or content teasers with correct SkyyRose brand direction
• Defining canvas dimensions, color tokens, typography rules, and layout constraints for a graphic set
• Specifying how graphics feed into the Elite Studio social pipeline and posting workflow

DO NOT use this for:

• Photography direction (use skyyrose-social-brand-photography-brief or skyyrose-social-product-photography-brief)
• Video scripts or Reel sequences (use skyyrose-social-tiktok-script or the short-form video skill)
• Full logo or brand identity work — SkyyRose's lockup assets are fixed, not designed here

---

Brand Canon (non-negotiable)

• The Five visual references — only these: Kith (editorial product storytelling, elevated retail polish), Oaklandish (Oakland pride, town authenticity, community rootedness), Culture Kings (hype energy, bold streetwear merchandising), Fear of God (quiet luxury, tonal restraint, negative space discipline), Palm Angels (street-luxe graphic confidence). Never Bottega Veneta, Hedi Slimane, Rick Owens, 032c, Acne, Givenchy-by-Tisci, or any European luxury-house graphic lineage — wrong brand DNA.
• Lockup images, never live type: Collection names in any hero or title position are brand-script lockup assets — assets/images/hero-overlays/ for Black Rose, Love Hurts, and Signature; assets/images/logos/ for Kids Capsule. These are placed as image assets, never typed with Cinzel, Archivo, or any other font. Fonts apply only to body copy, captions, slide text, CTAs, and graphic subtext.
• Color tokens — use exactly: Rose Gold #B76E79 (global brand accent), Dark #0A0A0A (background default), Silver #C0C0C0 (Black Rose accent), Crimson #DC143C (Love Hurts accent), Gold #D4AF37 (Signature accent). No off-brand colors, no approximations.
• Per-collection design register (never cross-attribute): Black Rose = dark, cool-dramatic, silver. Love Hurts = dark, crimson-warm, raw. Signature = warm, gold, West Coast elevated. Kids Capsule = bright, rose gold, playful-premium.
• Tagline (verbatim, only): Luxury Grows from Concrete. — period included. Never paraphrase.
• One headline, one CTA per graphic. SkyyRose graphics are not bulletpoint ads. Strong visual hierarchy, minimal text — the garment or the lockup carries the frame.
• Full canon: ../skyyrose-content-engine/brand-guardrails.md

---

Platform Canvas Specifications

Platform	Format	Width	Height	Aspect Ratio	Primary Use
Instagram Feed	4:5 Post	1080	1350	4:5	Feed posts — dominant SkyyRose format
Instagram Feed	Square Post	1080	1080	1:1	Carousels, secondary feed posts
Instagram Story / Reel Cover	Story	1080	1920	9:16	Stories, Reel cover frames
TikTok Cover	Cover	1080	1920	9:16	Pinned TikTok cover (same as Story)
Pinterest	Standard Pin	1000	1500	2:3	Product/collection pins
X / Twitter	Timeline	1600	900	16:9	Drop announcements, text-image posts
Facebook	Feed Post	1200	630	~1.91:1	If used — same as X wide crop
Email Header	Header	1200	400	3:1	Email campaign top banner
Email Product Card	Card	600	600	1:1	Product card in email body

Hero-first rule: Design the 4:5 (1080×1350) as the hero canvas. Resize / adapt to other platforms from there — never design each platform variant from scratch.

Safe zone rule for Story/TikTok (9:16): Keep all text and lockup assets within the center 80% of the canvas (86px from each edge). UI chrome (IG handle, TikTok watermark) obscures the top 14% and bottom 20%.

---

Phase 1: Creative Brief Intake

Gather these before specifying anything. If the user has already provided them, move to Phase 2.

Input	Question	Notes
Occasion	What is the graphic for?	Drop announcement, collection launch, quote post, UGC repost, sale, event
Collection	Which collection?	Sets all design direction: colors, typography weight, mood
Key message	What is the primary text on the graphic?	Headline only — one sentence or fragment
CTA	What should the viewer do?	"Shop now at skyyrose.co", "Pre-order open", "Link in bio" — keep brief
Platforms	Which platforms need graphics?	Default: IG 4:5 + IG Story + Pinterest. Add X, email if needed.
Has photography	Is there a product photo or campaign image to use?	If yes, the graphic is photo-forward; if no, the graphic is type-forward
Style notes	Any visual preferences for this specific set?	Dark/moody, bright editorial, bold type-only, photo with text overlay

GATE: Do not proceed without knowing the collection and key message. Collection determines all visual direction.

---

Phase 2: Per-Collection Design Direction

Apply this direction consistently across all platform variants in the set.

Black Rose — Dark Precision

• Background: #0A0A0A (full-bleed dark) or dark concrete texture as base. No white, no light surfaces.
• Accent color: Silver #C0C0C0 — use for headline text, rule lines, or thin graphic accents.
• Typography (body/subtext): Anton for UI labels and caps; Hanken Grotesk for body copy. Cinzel available as an optional engraved-caps accent. Never Playfair Display — cut from brand canon.
• Lockup placement: Black Rose brand-script lockup from assets/images/hero-overlays/ placed in the upper third or center — always as an image asset, never typed.
• Layout mood: Architectural. Strong grid. Generous negative space. Typography is sparse and weighted. One visual anchor, nothing competing.
• Photo treatment (if photography is included): Desaturate toward cool-neutral. Darken shadows. Silver highlights. Blend mode options: Multiply or Luminosity for text overlay integration.
• AVOID: Warm-toned backgrounds, gold or rose gold accents, rounded typefaces, cluttered compositions.

Love Hurts — Crimson Heat

• Background: #0A0A0A (dark base) with Crimson #DC143C used as a bold accent — not the background.
• Accent color: Crimson #DC143C — headline, geometric accent shapes, or a color block behind key text.
• Typography (body/subtext): Anton for strong caps; Hanken Grotesk italic for emotive lines. Cinzel available as an optional engraved-caps accent.
• Lockup placement: Love Hurts brand-script lockup from assets/images/hero-overlays/ — upper third or full-width horizontal band.
• Layout mood: Tension and rawness. Asymmetric compositions acceptable. Bold type over dark ground. Crimson as punctuation, not wallpaper.
• Photo treatment: High contrast, deep shadows, slight warm push in crimson-adjacent tones.
• AVOID: Soft-glow romantic filters, pink tones, Valentine's Day graphic conventions.

Signature — West Coast Gold

• Background: Warm cream, #0A0A0A (dark with gold accents), or warm-toned gradient (dark-to-rich-brown).
• Accent color: Gold #D4AF37 — headline, rule lines, badge outlines, subtle graphic accents.
• Typography (body/subtext): Archivo for display copy; Hanken Grotesk for body; Anton for labels. Elevated and refined.
• Lockup placement: Signature brand-script lockup from assets/images/hero-overlays/ — wide horizontal, centered or left-anchored.
• Layout mood: Elevated, worldwide. Editorial confidence. More white space than Black Rose. Photography carries the frame; text is secondary.
• Photo treatment: Warm-golden grade. Lifted shadows. Sun-flare effects acceptable if not stock-looking.
• AVOID: Cool blues, silver or crimson accents, industrial textures, hype-shouting layouts.

Kids Capsule — Bright Royalty

• Background: Warm white or cream — never #0A0A0A. Light backgrounds only.
• Accent color: Rose Gold #B76E79 — headline, graphic accents, rule lines.
• Typography (body/subtext): Archivo (warm, approachable); Hanken Grotesk for body. Never Bebas Neue — too hard.
• Lockup placement: Kids Capsule logo from assets/images/logos/ — sized appropriately for small faces around it.
• Layout mood: Clean, warm, premium but approachable. Playful without being childish. Heritage feeling.
• Photo treatment: Bright, even, natural. No dramatic shadow treatments.
• AVOID: Dark backgrounds, dramatic contrast, hype-energy layout conventions from Black Rose or Love Hurts.

---

Phase 3: Layout Rules (All Collections)

These rules apply regardless of collection:

1. One headline, maximum. The graphic communicates one thing. If there are two ideas, there are two graphics.
2. One CTA, minimum. Every graphic that asks for action must have a CTA. Every graphic that doesn't ask for action is brand/awareness — treat it as such (no hollow "Shop Now" on a pure brand awareness post).
3. Typography hierarchy is 3 levels max: Lockup image (largest visual element) → Headline text → CTA/body subtext. No fourth tier.
4. Safe margin: 5% inset from all edges for text and graphic elements on every format. For Story/TikTok 9:16, use 10% inset + additional 20% top/bottom safe zone for UI.
5. No gradient abuse. If a gradient is used, it must be purposeful and match the collection's temperature (cool for Black Rose/Love Hurts, warm for Signature, neutral-warm for Kids).
6. File naming convention:
   • {collection-slug}-{occasion-slug}-{platform}-{dimensions}.png
   • Examples: black-rose-drop-announce-ig-4x5-1080x1350.png, signature-launch-pinterest-1000x1500.png
   • All lowercase, hyphens only, no spaces.

---

Phase 4: Coordinated Set Build

Always start with the hero canvas (IG 4:5, 1080×1350). Adapt — don't rebuild.

Step	Action
1	Design hero at 1080×1350. Lock in: background, lockup placement, headline position, CTA position.
2	Adapt to IG Square (1080×1080): crop the hero. Reflow if headline is cut.
3	Adapt to Story/TikTok (1080×1920): extend the canvas vertically. Reposition CTA into lower third. Lockup in upper third. Check safe zones.
4	Adapt to Pinterest (1000×1500): resize from hero. Verify headline is in upper third, CTA in lower third.
5	Adapt to X (1600×900): wide crop or horizontal layout. Ensure text is not cut. CTA must be visible.
6	Adapt to email header (1200×400) if needed: ultra-wide; minimal text, lockup left-aligned, CTA right-side.

If a resize crops the lockup or headline: Design that platform natively using the same brief, not by forcing a bad crop.

---

Artifact specification

The skill produces a single graphic brief document structured for a designer (or AI design tool). Structure:

# SkyyRose Social Graphics Brief — [Collection] [Occasion]
## Campaign Overview (collection, occasion, key message, CTA, platforms)
## Design Direction (per-collection background, accent, typography, photo treatment, AVOID list)
## Canvas Specifications (table: platform / format / dimensions / notes)
## Layout Rules (hierarchy, safe margins, lockup placement note)
## Variant Checklist (hero → each platform adaptation)
## File Naming Convention
## Elite Studio Pipeline Notes
## Pre-Delivery Quality Checklist

---

Example

Request: "Graphics set for a Black Rose collection drop. Headline: 'The drop is here.' CTA: 'Pre-order now at skyyrose.co.' Need IG 4:5, IG Story, Pinterest, and X. No photography — type-forward dark graphic."

---

SkyyRose Social Graphics Brief — Black Rose Drop Announcement

Collection: Black Rose Occasion: Collection drop announcement Key message: "The drop is here." CTA: "Pre-order now at skyyrose.co" Platforms: IG 4:5, IG Story/TikTok Cover, Pinterest, X/Twitter Style: Type-forward, no photography. Dark graphic, silver accents.

---

Design Direction — Black Rose Type-Forward

Background: Full-bleed #0A0A0A on all canvases. No surface texture for this set — pure flat dark. Accent: Silver #C0C0C0 for headline "The drop is here." and thin rule line above CTA. Lockup: Black Rose brand-script lockup from assets/images/hero-overlays/ — placed in upper third of each canvas, centered horizontally. This is an image asset — NOT typed text. Headline: "The drop is here." — Anton, large, Silver #C0C0C0, centered below the lockup. Maximum 3 words per line. CTA: "Pre-order now at skyyrose.co" — Hanken Grotesk, smaller weight, white #FFFFFF or Silver #C0C0C0, bottom third of each canvas. Rule line: 1px Silver horizontal rule separating headline from CTA block. AVOID: Any warm tones, rounded fonts, Gold or Rose Gold accents, drop shadows that soften the edges, decorative elements that dilute the spare precision. Reference aesthetic: Fear of God's tonal restraint in type-heavy lookbook layouts + Palm Angels's graphic street-luxe confidence — applied to SkyyRose's Black Rose register.

---

Canvas Specifications

Platform	Format	Dimensions	Lockup placement	Headline zone	CTA zone	Safe margin
IG Feed 4:5	Post	1080×1350	Top third, centered	Mid-frame	Lower quarter	54px all sides
IG Story / TikTok	Story	1080×1920	Top third (below UI safe zone)	Center	Bottom third (above UI safe zone)	108px sides, 190px top/bottom
Pinterest	Pin	1000×1500	Upper third, centered	Mid-frame	Lower fifth	50px all sides
X / Twitter	Post	1600×900	Left-center, horizontal	Center-right	Bottom right	80px all sides

---

Variant Checklist

• Hero (IG 4:5) designed first — lockup, headline, CTA, rule line locked in
• IG Story adapted: canvas extended vertically, elements repositioned into safe zones
• Pinterest adapted: 2:3 crop from hero — verify headline and CTA both visible
• X adapted: wide 16:9 layout — lockup horizontal, headline center-right, CTA bottom-right
• All variants: lockup is placed as IMAGE ASSET — not typed text
• All variants: no warm tones, no off-brand colors
• All variants: one headline, one CTA, no additional text blocks
• File naming applied before export

---

File Naming Convention

• black-rose-drop-announce-ig-4x5-1080x1350.png
• black-rose-drop-announce-ig-story-1080x1920.png
• black-rose-drop-announce-pinterest-1000x1500.png
• black-rose-drop-announce-x-1600x900.png

All lowercase. Hyphens only. No spaces. PNG default (lossless, preserves transparency if lockup has transparent bg).

---

Elite Studio Pipeline Notes

Completed graphics are delivered to skyyrose/elite_studio for scheduling and posting via the social pipeline. Naming convention above is required for pipeline compatibility.

The Black Rose brand-script lockup (assets/images/hero-overlays/) must be sourced at full resolution and placed as a layer — not rasterized or type-set anew. If the lockup file path has changed, resolve against assets/images/hero-overlays/ before designing.

---

Pre-Delivery Quality Checklist

Run before delivering any graphic set. Do not skip.

Check	What to Verify
Collection colors match	Hex values match the color tokens exactly — no approximations
Lockup is an image, not text	"Black Rose" (or any collection name) is the placed lockup asset — never typed
Headline readable at mobile	Text legible when canvas is viewed at 375px wide on a phone screen
CTA visible and unobscured	CTA text is not cropped, overlapped by UI chrome, or lost in background
Safe zones respected	For Story/TikTok: all elements within center 80%, text clear of top 14% and bottom 20%
No cross-collection color bleed	Black Rose set has no Gold or Rose Gold; Signature set has no Crimson or Silver
No European luxury-house aesthetic	Layout, mood, and references align with the Five — not Bottega, Rick Owens, etc.
File naming applied	Every file follows the naming convention before export
PNG exported	Default export format is PNG, not JPEG — unless file size is a hard constraint
One headline, one CTA	No graphic in the set has more than one headline or more than one CTA

---

Anti-Patterns

• Never type-render the collection name. The Black Rose / Love Hurts / Signature / Kids Capsule name in a hero or title position is always the brand-script lockup image from assets/images/hero-overlays/ or assets/images/logos/. Typing it with Cinzel or any other font produces a graphic that contradicts the visual identity asset. This is not a style preference — it is a canon rule.
• Never pull European luxury-house graphic aesthetics. No Bottega's tonal blurred product grids, no Hedi Slimane's sterile editorial silence, no 032c's conceptual cold-type. The Five visual references are Kith, Oaklandish, Culture Kings, Fear of God, Palm Angels — and they are the only vocabulary.
• Never cross-apply collection accents. Gold on a Black Rose graphic is wrong. Crimson on a Signature graphic is wrong. Rose Gold on a Love Hurts graphic is wrong. Collection identity is carried by the accent token — mixing it is a brand identity failure.
• Never design each platform variant from scratch. Hero first, adapt second. Building a Love Hurts Story from scratch while a Love Hurts IG 4:5 already exists creates visual inconsistency and wastes time.
• Never use more than one headline per graphic. If there are two headlines, there are two graphics. Social graphics communicate one thing.
• Never paraphrase the tagline. Luxury Grows from Concrete. — verbatim, period included. Not "luxury from the streets," not "grown from concrete," not "luxury starts at street level."
• Never export as JPEG as the default. PNG is the default for social graphics — lossless, preserves any transparency in the lockup asset. JPEG only when file size is a hard constraint confirmed by the user.
• Never skip the safe-zone check on Story and TikTok formats. The top 14% and bottom 20% of a 9:16 canvas are obscured by platform UI. A CTA or lockup buried there is invisible at posting time.
• Never use more than 3 props or visual elements per graphic. SkyyRose graphics are not busy. One anchor (lockup or photo), one headline, one CTA. Everything else is noise.
• Never use rounded or playful typefaces on Black Rose or Love Hurts graphics. Anton and Hanken Grotesk are the permitted UI/body voices. Introducing a rounded or display sans undermines the collection register.

---

Recovery

• Designer or tool produces warm tones on a Black Rose or Love Hurts set: Return the brief with the hex values underlined — #0A0A0A and #C0C0C0 only, no approximation. Include a reference frame from Fear of God or Palm Angels for visual anchoring. Do not accept a revision that introduces any warm-toned element into a Black Rose graphic.
• Lockup resolution is too low for the canvas size: Source the lockup at full resolution from assets/images/hero-overlays/ — do not scale up a small version. If the hero-overlay asset is missing for a collection, escalate to the brand pipeline before proceeding.
• Platform resize crops the headline or lockup: Do not deliver a cropped variant. Design that platform natively using the same brief direction. A bad crop is not an adaptation — it is a new design problem.
• User requests a platform not in the specs table: Ask for exact pixel dimensions. Apply the hero-first/adapt-second workflow. Common unlisted formats: YouTube Community Post (1080×1080), Email product card (600×600 — same as IG square), TikTok pinned video cover (1080×1920 — same as Story).
• Graphic set looks inconsistent across platforms: Check that all variants used the same background hex, the same lockup asset, and the same headline font. The three most common consistency breaks are: (1) background color shifted during export compression — use PNG; (2) lockup was re-typed instead of placed as an image; (3) a different designer adapted a variant without the brief.
• User wants to add a second headline or additional body text: Hold the line. Redirect: "Strong social graphics communicate one thing. If there are two messages, there should be two graphics. Which one is the primary?" Then build the correct single-message graphic.