◆ Illustrator · logo

Responsive Design

Design a responsive office mark that scales from a 2-inch letterhead seal to a 320×72 email signature: produce three v…

2heights
8tasks
4roles do it

The same job, four prompts

do it · improve it · decide · become
AExecute — “help me do it”Design a responsive office mark that scales from a 2-inch letterhead seal to a 320×72 email…+
Design a responsive office mark that scales from a 2-inch letterhead seal to a 320×72 email signature: produce three variants (full seal, compact seal, wordmark) and deliver as scalable vectors.
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed.
BImprove — “do it better”Before approving the responsive mark, check usability across outputs: make a full circular seal…+
Before approving the responsive mark, check usability across outputs: make a full circular seal for letterhead, a simplified compact seal for stamps, and a horizontal wordmark for email; ensure key elements remain legible at each size, provide export presets for print and screen, and include a one-paragraph usage note for the communications lead about minimum sizes and padding.
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed.

How to do it

the tool · the steps · what to avoid
The tool
Pen Tool

The Pen tool creates precise lines and curves to form shapes and paths in Adobe Illustrator.

  1. 1

    Open Illustrator.

  2. 2

    Select the Pen tool or press P.

  3. 3

    In the Properties panel, set the stroke weight to 1 pt.

  4. 4

    Set the stroke color to black in the Properties panel.

  5. 5

    Set the fill to none in the Properties panel.

  6. 6

    Click anywhere on the artboard to set the first anchor point.

  7. 7

    Move the pointer and click again to create a straight line segment.

    Best practiceFor curves, click, hold, and drag to where you want to go next. The Pen tool acts like a French curve device.

  8. 8

    Continue clicking to add more anchor points and draw your desired path.

  9. 9

    To close a path, click on the first anchor point you created.

  10. 10

    Save your work by going to File > Save or File > Save As.

Use the Add Anchor Point Tool (+), Delete Anchor Point Tool (-), or Convert Anchor Point Tool (Shift-C) to refine your paths.

Illustrator's scripting capabilities can automate path creation or modification, but complex Pen tool operations typically require manual input.

Glossary

words on this page
Pen toolA fundamental tool for creating precise vector paths and anchor points with curves or straight lines.ExampleYou click and drag to draw a smooth, curved line for a new graphic element.

The real tasks

4 of them
Create a responsive mark for the office that scales from a letterhead seal down to an email signature without losing detail.
Create a responsive mark for a historical society that reads clearly on badges, signage and digital banners.
Create a responsive identity variant so the museum's mark reads clearly on tiny donor badges and on the main entrance banner.
Create a responsive version of the label mark so it reads on a headphone button, merch tags, and giant billboards.

Who does this

4 roles
Court ClerkHistorianMuseum CuratorMusic Publisher

Questions people ask

honest answers

Because you rarely think 'I want the redaction tool'. You think 'I have to share this without leaking the client's details'. Start from the need, and the feature finds you.

Real. Every job here was drawn from what people in real roles were actually seen doing in Illustrator — not a feature checklist.

No. Each page gives you a ready prompt you can paste into an AI assistant, plus the plain steps to do it yourself. Start with either — the goal is the finished job, not the tool.