A penguin about to deadlift, built by GPT-6.1 Sol
Hostedvia Codex CLIOpenRouter
Show the code the model wroteHide the code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#f2efe5">
<title>Small bird. Big lift. — Polar Powerlifting Club</title>
<style>
* { box-sizing: border-box; }
html { background: #f2efe5; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; padding: 24px; }
main { width: min(100%, 1320px); }
svg { display: block; width: 100%; height: auto; }
::selection { background: #e9ac77; }
@media (max-width: 600px) { body { padding: 6px; } }
@media print { body { padding: 0; } main { width: 100%; } }
</style>
</head>
<body>
<main>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1030" role="img" aria-labelledby="scene-title scene-desc">
<title id="scene-title">Small bird. Big lift.</title>
<desc id="scene-desc">A determined penguin wearing a coral headband and a lifting belt crouches with both flippers gripping a loaded barbell, ready to deadlift in front of a green powerlifting rack. A warm, illustrated poster for the Polar Powerlifting Club.</desc>
<defs>
<pattern id="rack-holes" width="31" height="34" patternUnits="userSpaceOnUse">
<circle cx="15.5" cy="17" r="4" fill="#28463e"/>
<circle cx="14.5" cy="16" r="2.2" fill="#203b35"/>
</pattern>
<pattern id="knurl" width="7" height="7" patternUnits="userSpaceOnUse">
<path d="M0 0 7 7M7 0 0 7" stroke="#8b9690" stroke-width=".7" opacity=".7"/>
</pattern>
<pattern id="paper" width="140" height="140" patternUnits="userSpaceOnUse">
<g fill="#5b6252" opacity=".1">
<circle cx="10" cy="13" r=".65"/><circle cx="91" cy="23" r=".6"/>
<circle cx="32" cy="68" r=".5"/><circle cx="113" cy="91" r=".6"/>
<circle cx="68" cy="122" r=".65"/><circle cx="125" cy="43" r=".5"/>
<circle cx="48" cy="34" r=".5"/><circle cx="9" cy="111" r=".5"/>
</g>
</pattern>
<g id="bolt">
<path d="M-6-3 0-7 6-3 6 4 0 7-6 4Z" fill="#c0cbb6"/>
<circle r="2" fill="#627c64"/>
</g>
<g id="plate">
<ellipse cx="0" cy="0" rx="26" ry="94" fill="#1e3433"/>
<path d="M0-94H16C50-94 50 94 16 94H0C34 94 34-94 0-94" fill="#293f3d"/>
<ellipse cx="16" cy="0" rx="26" ry="94" fill="#36534b"/>
<ellipse cx="16" cy="0" rx="19" ry="80" fill="none" stroke="#78917b" stroke-width="2"/>
<ellipse cx="16" cy="0" rx="13" ry="56" fill="none" stroke="#213e37" stroke-width="3"/>
<ellipse cx="16" cy="0" rx="7" ry="18" fill="#142e2c"/>
<path d="M9-68C19-79 25-55 25-43M8 67C19 80 25 56 25 43" fill="none" stroke="#9aa88a" stroke-width="3" stroke-linecap="round"/>
<text x="17" y="-28" text-anchor="middle" fill="#d0d5b8" font-family="Arial, sans-serif" font-size="10" font-weight="bold" transform="rotate(90 17 -28)">25</text>
</g>
</defs>
<!-- The whole composition is one self-contained vector illustration. -->
<rect x="1" y="1" width="1398" height="1028" rx="8" fill="#f2efe5"/>
<rect x="1" y="1" width="1398" height="1028" rx="8" fill="url(#paper)"/>
<g fill="#293f38" font-family="Arial, Helvetica, sans-serif">
<g transform="translate(72 61)">
<path d="M0 9 10 0 20 9 20 26 0 26Z" fill="none" stroke="#293f38" stroke-width="2"/>
<path d="M5 18H15M10 13V23" stroke="#293f38" stroke-width="2"/>
<text x="35" y="12" font-size="14" font-weight="700" letter-spacing="3">POLAR</text>
<text x="35" y="28" font-size="9" letter-spacing="2.2">POWERLIFTING CLUB</text>
</g>
<text x="1328" y="79" text-anchor="end" font-size="10" letter-spacing="2.1">STRENGTH COMES IN ALL SIZES</text>
</g>
<path d="M72 113H1328" stroke="#c7cbbc"/>
<!-- Editorial lettering sits in the negative space beside the rack. -->
<g fill="#263f36">
<text x="72" y="238" font-family="Arial, Helvetica, sans-serif" font-size="91" font-weight="800" letter-spacing="-5">Small bird.</text>
<text x="72" y="332" font-family="Arial, Helvetica, sans-serif" font-size="91" font-weight="800" letter-spacing="-5">Big lift.</text>
<path d="M77 359C177 349 292 352 377 357" fill="none" stroke="#d97753" stroke-width="6" stroke-linecap="round"/>
<text x="77" y="401" font-family="Arial, Helvetica, sans-serif" font-size="17" letter-spacing=".4">A little grit. A lot of heart.</text>
</g>
<!-- Soft circular backdrop and architectural gym details. -->
<path d="M520 765V493C520 281 663 177 836 177S1195 308 1195 519V765Z" fill="#dce2cc"/>
<path d="M554 760V493C554 304 685 211 836 211" fill="none" stroke="#e8ebdc" stroke-width="2"/>
<path d="M456 789H1273" stroke="#bec8b5" stroke-width="2"/>
<path d="M1221 789V357M1221 435H1271M1221 526H1293M1221 617H1271M1221 708H1293" fill="none" stroke="#d1d7c6" stroke-width="2"/>
<!-- Platform, drawn in perspective, beneath all four rack feet. -->
<path d="M452 734H1096L1252 885H288Z" fill="#b6c0a3"/>
<path d="M288 885H1252V901H288Z" fill="#7e9278"/>
<path d="M461 749H1089L1215 871H326Z" fill="#d2d7bd"/>
<path d="M461 749 396 871M1089 749 1160 871" stroke="#abb79a" stroke-width="2"/>
<path d="M573 749H997L1091 871H481Z" fill="#b0b99f"/>
<path d="M573 749 481 871M997 749 1091 871" stroke="#9da88f" stroke-width="2"/>
<ellipse cx="811" cy="835" rx="253" ry="23" fill="#71856c" opacity=".23"/>
<!-- Far side of the power rack. -->
<g stroke-linejoin="round">
<path d="M675 263H1171V285H675Z" fill="#839b79"/>
<path d="M1140 265H1167V749H1140Z" fill="#7a9271"/>
<path d="M1167 265 1180 254V738L1167 749Z" fill="#637e62"/>
<path d="M658 263H685V748H658Z" fill="#809879"/>
<path d="M685 263 696 254V738L685 748Z" fill="#5d785f"/>
<path d="M648 742H703V759H648Z" fill="#5e7c61"/>
<path d="M1128 742H1189V759H1128Z" fill="#5e7c61"/>
<path d="M572 796 681 742M1092 796 1156 742" stroke="#547359" stroke-width="20"/>
<path d="M681 281 569 321M1156 281 1080 321" stroke="#68866a" stroke-width="20"/>
<path d="M680 539H1154" stroke="#728b6c" stroke-width="12"/>
</g>
<!-- Front uprights, perforated steel, bolted feet and pull-up bar. -->
<path d="M554 303H1104V328H554Z" fill="#42694f"/>
<path d="M554 303 574 285H1122L1104 303Z" fill="#6f8b65"/>
<path d="M1104 303 1122 285V316L1104 328Z" fill="#2c503d"/>
<path d="M627 306V285Q627 279 633 279H1026Q1032 279 1032 285V306" fill="none" stroke="#2d493c" stroke-width="12" stroke-linejoin="round"/>
<path d="M723 280H936" stroke="#8b9d7e" stroke-width="3"/>
<g>
<path d="M553 322H584V793H553Z" fill="#4b7054"/>
<path d="M584 322 597 308V780L584 793Z" fill="#2f513d"/>
<rect x="553" y="347" width="31" height="420" fill="url(#rack-holes)"/>
<path d="M1073 322H1104V793H1073Z" fill="#4b7054"/>
<path d="M1104 322 1117 308V780L1104 793Z" fill="#2f513d"/>
<rect x="1073" y="347" width="31" height="420" fill="url(#rack-holes)"/>
<path d="M535 785H613L601 808H523Z" fill="#547456"/>
<path d="M523 808H601V817H523Z" fill="#34543f"/>
<path d="M1056 785H1132L1121 808H1044Z" fill="#547456"/>
<path d="M1044 808H1121V817H1044Z" fill="#34543f"/>
<use href="#bolt" x="541" y="798"/><use href="#bolt" x="584" y="798"/>
<use href="#bolt" x="1062" y="798"/><use href="#bolt" x="1105" y="798"/>
<path d="M552 480H588V505H575V493H552Z" fill="#263f33"/>
<path d="M1071 480H1107V493H1087V505H1071Z" fill="#263f33"/>
<path d="M580 501 595 507M1071 501 1055 507" stroke="#dba675" stroke-width="7"/>
</g>
<g font-family="Arial, Helvetica, sans-serif" fill="#e2e8ce">
<text x="823" y="320" text-anchor="middle" font-size="11" font-weight="700" letter-spacing="5">POLAR STRENGTH</text>
<text x="568" y="377" text-anchor="middle" font-size="8" transform="rotate(-90 568 377)">01</text>
</g>
<!-- Spare bumper plate and a little chalk bucket. -->
<g transform="translate(1199 752) rotate(14)">
<ellipse rx="44" ry="66" fill="#43594d"/>
<ellipse cx="8" rx="40" ry="64" fill="#57705a"/>
<ellipse cx="8" rx="29" ry="49" fill="none" stroke="#a6b393" stroke-width="2"/>
<ellipse cx="8" rx="8" ry="13" fill="#d7ddc7"/>
<text x="8" y="-29" text-anchor="middle" fill="#d9dec6" font-family="Arial, sans-serif" font-size="10" font-weight="bold">20 KG</text>
</g>
<g transform="translate(401 749)">
<path d="M-24 12Q-33-35 0-35T24 12" fill="none" stroke="#7b8b76" stroke-width="3"/>
<path d="M-29 0H29L23 56Q0 65-23 56Z" fill="#d8b28b"/>
<ellipse rx="29" ry="8" fill="#eedec4"/>
<ellipse rx="22" ry="4" fill="#fff7e8"/>
<path d="M-15 18V42M-9 19V43" stroke="#c09877" stroke-width="2"/>
<path d="M-5 27 0 19 6 27 0 35Z" fill="#f7ebd5"/>
</g>
<!-- Wide, planted orange feet and crouched legs behind the body. -->
<path d="M720 716Q686 737 696 780L751 795 779 748Z" fill="#253e40"/>
<path d="M893 716Q932 735 921 780L866 795 840 748Z" fill="#253e40"/>
<path d="M715 770Q704 777 688 798L670 815Q663 829 686 831H750Q772 827 762 809L746 776Z" fill="#d58c45"/>
<path d="M897 770Q910 780 923 798L945 815Q952 829 929 831H865Q843 827 855 809L868 776Z" fill="#d58c45"/>
<path d="M688 798Q697 812 687 821M704 796Q714 812 706 823M924 798Q914 811 927 822M908 796Q898 813 910 823" fill="none" stroke="#b37136" stroke-width="2.5" stroke-linecap="round"/>
<path d="M678 826H751M864 826H937" stroke="#f3ba64" stroke-width="3" stroke-linecap="round"/>
<!-- Penguin: low hips, proud chest, eyes on the bar. -->
<path d="M747 520C711 549 687 609 686 661C682 724 724 775 806 778C888 779 932 731 927 664C924 607 902 552 867 521Z" fill="#20383b"/>
<path d="M753 530C726 563 718 608 718 661C718 719 747 754 806 757C866 756 898 719 898 664C897 611 886 567 859 535Z" fill="#f5f0dc"/>
<path d="M749 722Q805 754 871 721Q857 754 806 757Q766 755 749 722Z" fill="#e7e3cb"/>
<path d="M710 597C719 562 728 546 741 535" fill="none" stroke="#3d5554" stroke-width="5" stroke-linecap="round"/>
<!-- The head is tipped forward, tucked into a fluffy shoulder line. -->
<path d="M711 478C709 414 746 377 805 377C865 377 903 416 902 478C904 531 870 574 807 574C745 574 710 538 711 478Z" fill="#20383b"/>
<path d="M728 480C731 443 749 426 767 430C787 431 792 458 805 458C818 458 823 430 844 430C864 427 884 448 886 481C890 522 859 556 808 557C758 557 725 523 728 480Z" fill="#fbf5df"/>
<path d="M732 505Q740 541 773 548M881 505Q874 539 849 548" fill="none" stroke="#e6e1ca" stroke-width="5" stroke-linecap="round"/>
<!-- Coral sweatband, including its jaunty tied tails. -->
<path d="M715 434Q804 405 896 436L897 453Q806 431 714 454Z" fill="#d8785b"/>
<path d="M717 438Q805 415 894 439" fill="none" stroke="#efac82" stroke-width="3"/>
<path d="M894 435Q920 419 930 430Q924 445 904 450Q927 451 933 468Q914 476 895 453Z" fill="#cd684f"/>
<path d="M907 438 920 432M909 458 922 463" stroke="#e99571" stroke-width="2" stroke-linecap="round"/>
<ellipse cx="898" cy="445" rx="10" ry="12" fill="#e18a67"/>
<!-- Intent brows and bright eyes make the little lifter feel alive. -->
<path d="M754 474 777 480M834 480 857 474" stroke="#20383b" stroke-width="5" stroke-linecap="round"/>
<ellipse cx="770" cy="494" rx="6.5" ry="10" fill="#20383b"/>
<ellipse cx="840" cy="494" rx="6.5" ry="10" fill="#20383b"/>
<circle cx="772" cy="491" r="2" fill="#fffdf0"/><circle cx="842" cy="491" r="2" fill="#fffdf0"/>
<ellipse cx="749" cy="514" rx="12" ry="6" fill="#e2a07a" opacity=".55"/>
<ellipse cx="863" cy="514" rx="12" ry="6" fill="#e2a07a" opacity=".55"/>
<path d="M789 515Q807 502 824 515L806 535Z" fill="#de9647"/>
<path d="M789 515H824L806 521Z" fill="#efb355"/>
<path d="M803 533 807 534" stroke="#ac6c34" stroke-width="2" stroke-linecap="round"/>
<!-- Thick lifting belt and brass buckle. -->
<path d="M701 670Q806 695 915 670L911 699Q806 726 706 700Z" fill="#94694b"/>
<path d="M708 676Q806 699 908 676M711 694Q806 716 906 694" fill="none" stroke="#c09a6b" stroke-width="1.5" stroke-dasharray="3 4"/>
<path d="M789 686H825V711H789Z" fill="#dab87b"/>
<path d="M795 691H820V706H795Z" fill="#73533f"/>
<path d="M812 697H831" stroke="#e6c78e" stroke-width="3" stroke-linecap="round"/>
<g fill="#4e3d30"><circle cx="843" cy="700" r="2"/><circle cx="855" cy="698" r="2"/><circle cx="868" cy="696" r="2"/></g>
<!-- Flippers sweep down and in to reach the bar. -->
<path d="M724 557C699 552 682 577 673 614L663 700C663 731 679 760 700 754C719 748 716 721 714 697L726 622C733 595 741 571 724 557Z" fill="#253e40"/>
<path d="M891 557C916 552 933 577 942 614L952 700C952 731 936 760 915 754C896 748 899 721 901 697L889 622C882 595 874 571 891 557Z" fill="#253e40"/>
<path d="M706 576Q689 603 685 641M909 576Q926 603 930 641" fill="none" stroke="#49605c" stroke-width="5" stroke-linecap="round"/>
<!-- Chalk residue on the tips. -->
<path d="M667 722Q675 712 691 718L710 734Q711 751 700 754Q679 760 667 737Z" fill="#d6ddcc"/>
<path d="M948 722Q940 712 924 718L905 734Q904 751 915 754Q936 760 948 737Z" fill="#d6ddcc"/>
<path d="M669 723 679 728 687 724 695 733M946 723 936 728 928 724 920 733" fill="none" stroke="#f2f0dc" stroke-width="3" stroke-linecap="round"/>
<!-- Barbell is on the floor, just in front of the penguin's shins. -->
<ellipse cx="805" cy="840" rx="296" ry="10" fill="#59725d" opacity=".17"/>
<path d="M501 742H1127V758H501Z" fill="#87968e"/>
<path d="M501 743H1127V748H501Z" fill="#dce0ce"/>
<path d="M501 755H1127" stroke="#556a62" stroke-width="3"/>
<rect x="654" y="745" width="301" height="10" fill="url(#knurl)"/>
<path d="M792 744V757M815 744V757" stroke="#66776e" stroke-width="2"/>
<!-- Two 25 kg bumpers on each sleeve, with steel collars. -->
<use href="#plate" transform="translate(582 750)"/>
<use href="#plate" transform="translate(550 750)"/>
<use href="#plate" transform="translate(1033 750)"/>
<use href="#plate" transform="translate(1065 750)"/>
<path d="M513 738H526V762H513Z" fill="#bfc8b5"/>
<path d="M513 738H518V762H513Z" fill="#e5e8d8"/>
<path d="M1107 738H1120V762H1107Z" fill="#bfc8b5"/>
<path d="M1107 738H1112V762H1107Z" fill="#e5e8d8"/>
<path d="M492 742H513V758H492Z" fill="#647b72"/>
<ellipse cx="492" cy="750" rx="4" ry="8" fill="#d7ddcb"/>
<path d="M1120 742H1138V758H1120Z" fill="#647b72"/>
<ellipse cx="1138" cy="750" rx="4" ry="8" fill="#e2e6d6"/>
<!-- Closed flipper grips overlap the bar to read as a ready position. -->
<path d="M679 735Q690 731 702 737L711 749Q714 763 702 767Q691 767 687 757Z" fill="#253e40"/>
<path d="M936 735Q925 731 913 737L904 749Q901 763 913 767Q924 767 928 757Z" fill="#253e40"/>
<path d="M682 739 688 745M693 738 699 745M933 739 927 745M922 738 916 745" stroke="#e5e9d8" stroke-width="3" stroke-linecap="round"/>
<!-- Small chalk flecks and restrained illustrated encouragement. -->
<g fill="#fffbed">
<circle cx="651" cy="709" r="3"/><circle cx="644" cy="726" r="2"/><circle cx="657" cy="738" r="1.8"/>
<circle cx="966" cy="713" r="3"/><circle cx="976" cy="726" r="2"/><circle cx="961" cy="734" r="1.8"/>
<circle cx="424" cy="742" r="2"/><circle cx="416" cy="731" r="1.7"/>
</g>
<g transform="translate(1216 243) rotate(10)">
<path d="M0-62 10-53 24-57 30-44 45-41 46-26 59-17 53-3 60 10 48 20 47 35 32 39 25 53 10 51 0 62-11 52-25 56-31 42-46 39-47 24-59 15-53 1-60-12-47-22-46-37-31-41-24-54-10-52Z" fill="#e6a274"/>
<circle r="45" fill="none" stroke="#a75e40" stroke-width="1"/>
<text y="-12" text-anchor="middle" fill="#573d2d" font-family="Arial, Helvetica, sans-serif" font-size="11" font-weight="700" letter-spacing="1.8">READY</text>
<text y="7" text-anchor="middle" fill="#573d2d" font-family="Arial, Helvetica, sans-serif" font-size="11" font-weight="700" letter-spacing="1.8">TO PULL</text>
<path d="M-12 25H12M-16 20V30M-12 21V29M12 21V29M16 20V30" stroke="#573d2d" stroke-width="2.5"/>
</g>
<g transform="translate(306 568) rotate(-8)" fill="#56725a">
<text font-family="Georgia, serif" font-style="italic" font-size="23">You've got this.</text>
<path d="M57 18Q100 64 190 52M177 43 192 52 178 63" fill="none" stroke="#789071" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<path d="M754 349 747 334M808 341V326M859 349 867 335" stroke="#b19d69" stroke-width="3" stroke-linecap="round"/>
<!-- Quiet poster footer. -->
<path d="M72 942H1328" stroke="#c7cbbc"/>
<g font-family="Arial, Helvetica, sans-serif" fill="#415847">
<text x="73" y="977" font-size="11" font-weight="700" letter-spacing="2.5">PLANT. BRACE. BELIEVE.</text>
<text x="1328" y="977" text-anchor="end" font-size="10" letter-spacing="1.5">THE DEADLIFT SERIES · NO. 01</text>
</g>
</svg>
</main>
</body>
</html>Same prompt, other models
One email when a new model lands on the board or in the showcase. Unsubscribe anytime.