webdevpuneet.com

Giveaway Rules

1080×1350

Giveaway Rules — Free Promo & Sales Social Post Template

Promo & Sales · v1.0.0 · Updated 2026-11-13 · Instagram, Facebook & X · HTML + CSS

Tagsgiveawayruleshow to enterconteststepschecklistlight
Sizes4:5 · 1080×13501:1 · 1080×10809:16 · 1080×192016:9 · 1600×9001.91:1 · 1200×6272:3 · 1000×1500
Updated October 16, 2026

Extend with AI

Take This Post Further With AI

Ask an AI assistant to adapt the Giveaway Rules HTML and CSS: write plain-language eligibility text for your region (then have it checked), turn the steps into a carousel, or draft a short "how to enter" Story caption.

Prompt to recreate it

Copy this into your AI assistant of choice to build the effect from scratch, or as a jumping-off point for your own variant:

text
Create a 1080×1350 Instagram "how to enter" giveaway rules post in plain HTML and CSS.

- A warm cream background (#fdf3e7) with a soft coral glow in the top-right corner and a fine teal dot grid fading out downward.
- A coral pill "Win a $200 gift card" above a large serif (Playfair Display) headline "How to enter" with "enter" in teal. To the right of the headline, an optional prize photo inside a white polaroid frame, rotated about 4 degrees with a soft shadow; hide the frame if there is no photo.
- Four white rounded rows with a thin border and a small shadow: each with a rounded-square teal tick box (draw the check with CSS borders) and a bold line: "Follow @yourbrand", "Like this post", "Tag 2 friends in the comments", "Share to your Story for a bonus entry". Make the fourth row dashed with a coral border and a coral tick.
- A dashed-border fine-print box in small text: "Open to residents 18+. One winner picked at random and messaged on Nov 7. Not sponsored by or affiliated with Instagram."
- At the bottom, a teal deadline "Open until Fri, Nov 6 · 9 PM EST" on the left and the brand handle on the right. Keep text well inside the margins.

Want to tighten it up first? Run this prompt through the AI Prompt Studio to score it across 8 quality dimensions, catch anti-patterns, and tune the wording for Claude, ChatGPT, or Gemini before you paste it in.

What's included

Features

Prize pill and a large "How to enter" headline with a highlighted word
Four white step rows, each with a drawn teal tick that stamps on in the video
Bonus-entry row in a dashed coral style so optional actions read as optional
Optional prize photo as a tilted polaroid that sways gently
Dedicated fine-print box for eligibility, winner draw and disclaimer
Deadline line in teal, plus handle and optional logo
Cream background with a soft dotted fade at the top
Headline left and steps right on wide sizes

About this template

Giveaway Rules Template — a "How to Enter" Post with Ticked Steps

Giveaway Rules social post template: A clean "How to enter" card for contests: a prize line and headline, an optional prize photo, four ticked entry steps, the deadline and a dashed fine-print box for eligibility and the winner draw, on warm cream with teal ticks.

A giveaway rules post answers the question that costs you entries: "how do I enter?" Giveaway Rules is a free template that lays the steps out as four ticked rows, marks the bonus entry as optional and puts the fine print in a box people can actually read.

Four ticked steps

The headline "How to enter" sits at the top with a coral prize pill above it ("Win a $200 gift card"). Under it, four white rows each start with a teal tick box: follow, like, tag two friends and share to your Story. In the animated export the ticks are stamped one after another, like someone checking off the list. The fourth row has a dashed coral border and its own colour, so a bonus entry reads as optional rather than required.

A polaroid for the prize

Add a prize photo and it appears as a slightly tilted polaroid beside the headline that gently sways. Leave it out and the headline simply takes the full width, so contests without a product shot lose nothing.

Fine print in its own box

Contest rules often go wrong in tiny, unreadable caption text. Here the eligibility, winner draw and platform disclaimer ("Open to residents 18+. One winner picked at random and messaged on Nov 7. Not sponsored by or affiliated with Instagram.") live in a dashed box with its own line height, so it stays legible on a phone. Under it, the deadline is set in teal with your handle and optional logo beside it.

A calmer companion to the loud posts

Warm cream and teal make it a good follow-up to a flashier announcement: post Giveaway Time or Giveaway Contest first, then this card as a Story or carousel slide for anyone who asks how to join. Close the loop with Giveaway Winners. Check your local rules and each platform's promotion guidelines before you run a contest.

Why use it

Why Use the Giveaway Rules Template

✔
Fewer confused entries
Ticked steps in plain order answer "what do I do?" before people ask in the comments, so fewer entries are lost to doubt.
§
Fine print people can read
Eligibility and draw details live in their own box with proper line spacing, not in a squashed caption.
➕
Bonus entries stay optional
The dashed coral row separates extras like a Story share from the required steps, which keeps the main entry path short.

How it’s different

How It’s Different From Canva-Style Templates

</>
Real HTML and CSS, not a locked image
Canva-style templates only give you an image. These are plain HTML and CSS you can copy, download as a .html file or fork into My Code, then reuse on a website, in an email or in your own design system.
◍
Private by design
Text and photos never leave your browser. Images are drawn locally on a canvas, so client photos and unreleased product screenshots stay on your device.
⇲
Every size from one design
Layouts use relative units, so one design exports as an Instagram portrait post, a square, a Story, a 16:9 X post, a LinkedIn image and a Pinterest pin, or all six at once as a ZIP.
✓
Free, with no account or watermark
No sign-up, no premium-only templates, no watermark and no download limits. Edits are saved in your browser for next time.
Aa
Text that always fits
Long headlines shrink step by step instead of overflowing, and Story layouts keep text clear of Instagram’s buttons. Most template editors leave both to you.
v1
Versioned templates
Each template has a version number and an update date, and the exported HTML records which version you used, so you can tell when a design changes.

Step by step

How to Use

  1. 1
    Pick the sizeChoose Portrait 4:5 (the Instagram feed default), Square, Story / Reel, Landscape 16:9 for X, a 1200×627 LinkedIn image or a 1000×1500 Pinterest pin. Giveaway Rules opens at 1080×1350.
  2. 2
    Edit the textClick any text in the preview, or use the fields on the left (prize line, headline, step 1, step 2 and more). Wrap words in *asterisks* to colour them.
  3. 3
    Add your imagesClick a photo area in the preview or use Images to upload your prize photo and logo. Images stay in your browser.
  4. 4
    Match your brandApply your saved brand kit or one of 12 palettes, set exact colours, and choose heading and body fonts from any Google Font or your own uploaded font.
  5. 5
    Preview it in the feedSwitch the preview to Instagram, Story, X or LinkedIn to see the post with your name, handle and caption, and fix anything the quality checks flag.
  6. 6
    Download, save or bulk createDownload PNG, JPG or PDF, every size as a ZIP, or copy the HTML. Save it to My designs to reuse later, or turn a CSV into dozens of posts with Bulk create.

Real-world uses

Common Use Cases

📋
Explain the entry steps clearly
Post it alongside the main giveaway so people who ask "how do I enter?" in the comments can be pointed to one card.
📲
Story and highlight cards
Save the 9:16 version to a "Giveaway" highlight so the rules stay available after the original post scrolls away.
⚖
Contests that need eligibility rules
Put age limits, regions, one-entry-per-person and the "not affiliated with Instagram" disclaimer in the fine-print box instead of a hidden caption.
🔁
Recurring monthly giveaways
Keep the same rules card every month and change only the prize line, deadline and winner date.

Got questions?

Frequently Asked Questions

The prize, how to enter, the closing date and time with a time zone, who is eligible, how and when the winner is chosen and contacted, and a line saying the contest is not sponsored by or associated with the platform.

Three or four. Every extra step lowers the number of people who complete it. Keep the required ones few and mark extras such as a Story share as a bonus entry.

Yes. The photo is optional. If you do not upload one, the polaroid is not shown and the headline uses the full width.

No. It only gives the rules a clear layout. Contest and sweepstakes laws vary by country and region, so check the rules that apply to you and the platform's promotion guidelines.

Portrait post 1080×1350 (4:5): Instagram feed (recommended), Facebook and LinkedIn feeds, X portrait. Square post 1080×1080 (1:1): Instagram, Facebook, LinkedIn and X feeds. Story / Reel 1080×1920 (9:16): Instagram and Facebook Stories, Reel covers. Landscape post 1600×900 (16:9): X feed image, Facebook landscape. LinkedIn image 1200×627 (1.91:1): LinkedIn shared image and link posts, Facebook link images. Pinterest pin 1000×1500 (2:3): Pinterest standard pin (the recommended 2:3 ratio). Switch sizes in the editor and the layout adapts, or click "All sizes (ZIP)" to download every size at once.

Yes, free. Press Play in the editor to watch the animation, then open Export and download it as an animated MP4 (or WebM) for Reels, Stories and WhatsApp Status. PNG, JPG, PDF and HTML exports are free too.

Yes, and it is free. Choose Export, then "Bulk create from CSV", and paste rows from a spreadsheet or upload a CSV whose column names match the Giveaway Rules fields. Every row becomes one post, and you download them all as a ZIP.

Yes. The preview switches between the plain design and mock-ups of an Instagram feed post, an Instagram Story, an X post and a LinkedIn post, using the name, handle and logo from your brand kit and the caption you type.

Yes. "Copy HTML" and "Download .html" give you one self-contained file: the markup, all the CSS and links to the Google Fonts it uses. "Fork to My Code" saves an editable copy in the UI Snippets editor. The file records the template name and version (v1.0.0).

Yes. It is free for personal and commercial posts, with no sign-up and no watermark. Everything runs in your browser and nothing you type or upload is sent to a server.