| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <!-- P02 Quote · breathing · Müller-Brockmann name·言 --> |
| 3 | |
| 4 | <g id="bg"> |
| 5 | <rect width="1280" height="720" fill="#FFFFFF"/> |
| 6 | </g> |
| 7 | |
| 8 | <g id="page-header"> |
| 9 | <text x="64" y="60" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" fill="#999999" letter-spacing="2">P · 02</text> |
| 10 | </g> |
| 11 | |
| 12 | <g id="quote-mark"> |
| 13 | <text x="120" y="280" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="240" font-weight="900" fill="#D9251D" opacity="0.92">«</text> |
| 14 | </g> |
| 15 | |
| 16 | <g id="quote-body"> |
| 17 | <text x="320" y="240" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="32" fill="#1A1A1A"> |
| 18 | <tspan x="320" dy="0">The grid system is an aid,</tspan> |
| 19 | <tspan x="320" dy="46">not a guarantee.</tspan> |
| 20 | </text> |
| 21 | <text x="320" y="370" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="22" fill="#666666"> |
| 22 | <tspan x="320" dy="0">It permits a number of possible uses, and each</tspan> |
| 23 | <tspan x="320" dy="30">designer can look for a solution appropriate to</tspan> |
| 24 | <tspan x="320" dy="30">his personal style. But one must learn how to</tspan> |
| 25 | <tspan x="320" dy="30">use the grid — it is an art that requires practice.</tspan> |
| 26 | </text> |
| 27 | </g> |
| 28 | |
| 29 | <g id="quote-attribution"> |
| 30 | <line x1="320" y1="540" x2="380" y2="540" stroke="#1A1A1A" stroke-width="2"/> |
| 31 | <text x="320" y="572" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="18" font-weight="900" fill="#1A1A1A">JOSEF MÜLLER-BROCKMANN</text> |
| 32 | <text x="320" y="596" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" fill="#666666">Grid Systems in Graphic Design · 1981</text> |
| 33 | </g> |
| 34 | |
| 35 | <g id="page-footer"> |
| 36 | <text x="1216" y="688" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" fill="#999999" text-anchor="end" letter-spacing="1">02 / 14</text> |
| 37 | </g> |
| 38 | </svg> |
| 39 |