← All templates
TEMPLATE / 03
OUTDOOR / LIFESTYLE
FIELDNOTE
MENU ↗
OUT THERE, BETTER
Find your next way out.
Tools for the curious outside.
Discover the collection
WHAT’S INSIDE
A considered starting point.
01
Editorial layouts with room for photography
02
Story-led sections for product and brand details
03
Responsive design for a clean browsing experience
COMPOUND STUDIO
Want something made for your brand?
Use the template as a starting point, or talk to us about a custom website built around your business.
Talk to Compound
![](data:image/svg+xml,<svg display="block" id="1454640249" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 11.12 12.65 C 11.242 12.65 11.342 12.75 11.342 12.874 L 11.342 23.776 C 11.342 23.9 11.242 24 11.119 24 L 10.848 24 C 10.747 23.999 10.658 23.931 10.632 23.833 C 9.285 18.725 5.283 14.744 0.168 13.425 C 0.069 13.399 0 13.31 0 13.208 L 0 12.874 C 0 12.751 0.1 12.65 0.224 12.65 L 11.119 12.65 Z M 23.777 12.65 C 23.9 12.65 24.001 12.751 24.001 12.874 L 24.001 13.145 C 24 13.246 23.932 13.335 23.834 13.361 C 18.727 14.711 14.749 18.716 13.432 23.832 C 13.407 23.931 13.318 24 13.216 24 L 12.881 24 C 12.758 23.999 12.658 23.899 12.658 23.776 L 12.658 12.874 C 12.658 12.751 12.758 12.65 12.882 12.65 Z M 11.12 0 C 11.242 0 11.342 0.1 11.342 0.224 L 11.342 11.126 C 11.342 11.249 11.242 11.349 11.119 11.35 L 0.224 11.35 C 0.1 11.35 0 11.25 0 11.126 L 0 10.855 C 0 10.753 0.068 10.664 0.166 10.639 C 5.273 9.288 9.251 5.284 10.568 0.168 C 10.593 0.069 10.682 0 10.784 0 L 11.119 0 Z M 13.153 0 C 13.254 0.001 13.343 0.069 13.369 0.167 C 14.716 5.275 18.718 9.256 23.833 10.575 C 23.932 10.601 24.001 10.69 24.001 10.792 L 24.001 11.126 C 24.001 11.249 23.901 11.35 23.776 11.35 L 12.881 11.35 C 12.758 11.349 12.658 11.249 12.658 11.126 L 12.658 0.224 C 12.658 0.1 12.758 0 12.882 0 Z" fill="rgb(0, 0, 0)" height="23.999999618530275px" id="NNVJLUceB" transform="translate(0 0)" width="24.00099999238197px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 22.93 9.395 L 23.768 9.874 L 23.768 10.233 L 23.528 11.071 L 16.221 12.79 L 19.697 13.106 L 19.698 13.106 L 22.691 13.346 L 23.409 13.824 L 23.888 14.542 L 23.888 15.059 L 22.571 15.619 L 15.867 13.944 L 15.678 13.936 L 15.747 14.063 L 21.254 19.211 L 21.374 19.81 L 21.014 20.289 L 20.656 20.169 L 18.62 18.732 L 15.625 16.082 L 15.687 16.518 L 18.5 20.648 L 18.5 21.606 L 18.38 21.965 L 17.901 22.205 L 17.063 22.093 L 12.998 16.043 L 12.395 23.282 L 12.394 23.282 L 12.036 23.761 L 11.317 24.001 L 10.719 23.521 L 10.359 22.803 L 11.739 15.352 L 8.084 20.17 L 6.409 22.084 L 5.93 22.204 L 5.212 21.844 L 5.332 21.246 L 10.545 14.354 L 4.135 18.739 L 2.937 18.739 L 2.461 18.19 L 2.461 17.535 L 4.494 16.1 L 9.275 13.056 L 1.021 12.627 L 0.542 12.507 L 0.542 12.508 L 0 11.908 L 0 11.376 L 0.542 11.191 L 6.648 11.55 L 9.383 11.769 L 9.283 11.669 L 2.339 6.761 L 1.979 6.282 L 1.98 6.282 L 1.74 5.324 L 2.459 4.486 L 3.297 4.606 L 3.537 4.606 L 8.564 8.316 L 9.474 9.016 L 5.881 2.496 L 5.551 1.052 L 5.552 1.052 L 6.29 0.11 L 6.771 0 L 7.726 0.14 L 8.198 0.508 L 11.632 8.123 L 11.943 9.028 L 12.753 1.853 L 13.232 0.895 L 13.95 0.416 L 14.549 0.656 L 15.147 1.493 L 13.976 8.529 L 17.972 3.286 L 19.122 2.352 L 20.294 2.598 L 20.604 2.982 L 20.901 3.9 L 20.778 4.486 L 16.424 10.441 Z M 6.408 22.085 L 6.409 22.084 L 6.409 22.084 Z" fill="rgb(217, 119, 87)" height="24.000999946594234px" id="LhCYqaRwG" transform="translate(0.056 0)" width="23.8879996702075px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 9.4 6.356 L 9.4 0.152 L 10.5 0.152 L 10.5 6.423 L 17.689 0.067 L 17.689 7.09 L 19.9 7.09 L 19.9 17.487 L 17.135 17.487 L 17.135 23.975 L 10.501 17.791 L 10.501 23.847 L 9.4 23.847 L 9.4 17.637 L 2.765 24 L 2.765 17.487 L 0 17.487 L 0 7.09 L 2.765 7.09 L 2.765 0 Z M 10.5 16.249 L 16.034 21.407 L 16.034 14.837 L 10.501 9.054 L 10.501 16.249 Z M 3.866 14.838 L 3.866 21.381 L 9.4 16.076 L 9.4 9.054 Z M 17.135 14.362 L 17.135 16.337 L 18.799 16.337 L 18.799 8.24 L 11.28 8.24 Z M 1.102 16.337 L 2.765 16.337 L 2.765 14.362 L 8.622 8.24 L 1.101 8.24 L 1.101 16.337 Z M 11.453 7.09 L 16.587 7.09 L 16.587 2.549 L 11.453 7.089 Z M 3.866 7.09 L 8.535 7.09 L 3.866 2.616 Z" fill="rgb(33, 128, 141)" height="24px" id="QJcd6bDHW" transform="translate(2 0)" width="19.900000000000006px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 9.205 8.658 L 9.205 6.398 C 9.205 6.208 9.276 6.065 9.443 5.97 L 13.986 3.354 C 14.605 2.997 15.342 2.831 16.103 2.831 C 18.957 2.831 20.765 5.043 20.765 7.398 C 20.765 7.564 20.765 7.754 20.741 7.945 L 16.031 5.185 C 15.77 5.019 15.436 5.019 15.175 5.185 Z M 19.814 17.459 L 19.814 12.059 C 19.814 11.726 19.671 11.489 19.385 11.322 L 13.415 7.849 L 15.365 6.731 C 15.509 6.636 15.697 6.636 15.841 6.731 L 20.384 9.348 C 21.693 10.109 22.573 11.726 22.573 13.296 C 22.573 15.104 21.503 16.769 19.813 17.459 Z M 7.802 12.702 L 5.852 11.56 C 5.695 11.476 5.602 11.309 5.613 11.132 L 5.613 5.899 C 5.613 3.354 7.563 1.427 10.204 1.427 C 11.204 1.427 12.131 1.76 12.916 2.355 L 8.23 5.067 C 7.945 5.233 7.802 5.471 7.802 5.804 Z M 12 15.128 L 9.205 13.558 L 9.205 10.228 L 12 8.658 L 14.795 10.228 L 14.795 13.558 Z M 13.796 22.358 C 12.796 22.358 11.869 22.026 11.084 21.431 L 15.77 18.719 C 16.055 18.553 16.198 18.315 16.198 17.982 L 16.198 11.084 L 18.172 12.226 C 18.339 12.321 18.41 12.464 18.41 12.654 L 18.41 17.887 C 18.41 20.432 16.436 22.359 13.796 22.359 Z M 8.158 17.055 L 3.615 14.438 C 2.307 13.677 1.427 12.06 1.427 10.49 C 1.421 8.665 2.521 7.019 4.21 6.327 L 4.21 11.75 C 4.21 12.084 4.353 12.321 4.638 12.488 L 10.585 15.937 L 8.635 17.055 C 8.49 17.15 8.303 17.15 8.158 17.055 Z M 7.897 20.955 C 5.209 20.955 3.235 18.934 3.235 16.436 C 3.235 16.246 3.259 16.056 3.282 15.866 L 7.968 18.576 C 8.229 18.743 8.563 18.743 8.824 18.576 L 14.794 15.128 L 14.794 17.388 C 14.794 17.578 14.724 17.721 14.557 17.816 L 10.014 20.432 C 9.395 20.789 8.658 20.956 7.897 20.956 Z M 13.796 23.785 C 16.622 23.785 19.057 21.797 19.623 19.029 C 22.287 18.339 24 15.841 24 13.296 C 24 11.631 23.286 10.014 22.002 8.848 C 22.121 8.348 22.192 7.849 22.192 7.35 C 22.192 3.949 19.433 1.403 16.246 1.403 C 15.604 1.403 14.986 1.499 14.366 1.713 C 13.256 0.62 11.763 0.006 10.205 0 C 7.379 0 4.943 1.988 4.378 4.757 C 1.713 5.447 0 7.945 0 10.49 C 0 12.155 0.714 13.772 1.998 14.938 C 1.879 15.438 1.808 15.937 1.808 16.436 C 1.808 19.837 4.567 22.382 7.754 22.382 C 8.396 22.382 9.014 22.287 9.634 22.073 C 10.744 23.166 12.238 23.781 13.796 23.786 Z" fill="rgb(0, 0, 0)" height="23.786000006501293px" id="w0DidnC2N" transform="translate(0 0.107)" width="24px"/></svg>)
