Turn7 Brand | Turn7 Digital

Starter prompt

Copy the Turn7 design guardrails before your request.

Preview prompt

You are creating something for Turn7 Digital. Start by reviewing https://turn7.io/branding/ and use that page as the source for the visual system. If you cannot access it, ask for the brand guide or the relevant assets before designing.

Brand guardrails:
- Use the official Turn7 wordmark SVGs from the brand guide. Choose the black version on light or yellow backgrounds, and the yellow or white version on black. Keep the SVG proportions and transparent background.
- Use Turn7 Yellow (#F9CD43), black (#000000), and white (#FFFFFF) as the core palette. Use dark gray (#1F1F1F) for supporting text. Keep contrast strong and use yellow with purpose.
- Use Proxima Nova as the primary typeface. Match the bold 900-weight hero headlines, semibold subheads, and clear body text shown in the guide. Montserrat is an alternate heading treatment.
- Follow the guide's button styles, spacing, and interface examples. For website work, reuse existing Turn7 theme patterns and make the result responsive and keyboard accessible.
- Keep copy direct and specific. Do not invent company claims, prices, contact details, new brand colors, logos, or typefaces. Flag any request that needs a new brand decision.

Now complete this Turn7 request: [describe what to make, who it is for, where it will be used, and the desired outcome].

Logo

The Turn7 wordmark is our primary signature. Its bold, direct shape carries the brand across light and dark settings.

Color versions

Card backgrounds are for preview only.
Copied and downloaded SVGs have transparent backgrounds.

Black on whitePrimary

<svg width="1678" height="340" viewBox="0 0 1678 340" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title">
<title id="title">TURN7</title>
<g fill="#000000">
<path d="M1469.23 333.64L1603.64 29.551L1623.66 62.9151H1443.97L1478.29 26.6912V117.251H1409.65V0H1677.04V50.0461L1553.12 333.64H1469.23Z"/>
<path d="M1051.89 333.64V0H1115.76L1312.6 240.221H1281.62V0H1357.88V333.64H1294.49L1097.17 93.4193H1128.15V333.64H1051.89Z"/>
<path d="M701.397 333.64V0H843.909C890.301 0 926.366 10.8036 952.104 32.4108C977.842 53.7002 990.711 83.2513 990.711 121.064C990.711 145.849 984.833 167.297 973.076 185.409C961.319 203.203 944.637 216.866 923.03 226.399C901.422 235.931 875.684 240.698 845.816 240.698H744.294L778.611 206.857V333.64H701.397ZM913.497 333.64L830.087 212.577H912.544L996.907 333.64H913.497ZM778.611 215.436L744.294 179.213H841.526C865.358 179.213 883.152 174.129 894.909 163.96C906.665 153.475 912.544 139.176 912.544 121.064C912.544 102.634 906.665 88.3353 894.909 78.1672C883.152 67.9991 865.358 62.9151 841.526 62.9151H744.294L778.611 26.2146V215.436Z"/>
<path d="M474.004 339.36C426.659 339.36 389.641 326.173 362.949 299.8C336.258 273.426 322.912 235.773 322.912 186.839V0H400.126V183.979C400.126 215.754 406.64 238.632 419.668 252.613C432.696 266.595 450.967 273.585 474.481 273.585C497.994 273.585 516.265 266.595 529.293 252.613C542.321 238.632 548.835 215.754 548.835 183.979V0H625.095V186.839C625.095 235.773 611.75 273.426 585.059 299.8C558.367 326.173 521.349 339.36 474.004 339.36Z"/>
<path d="M106.765 333.64V62.9151H0V0H290.744V62.9151H183.979V333.64H106.765Z"/>
</g>
</svg>

Black on yellowBrand color

<svg width="1678" height="340" viewBox="0 0 1678 340" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title">
<title id="title">TURN7</title>
<g fill="#000000">
<path d="M1469.23 333.64L1603.64 29.551L1623.66 62.9151H1443.97L1478.29 26.6912V117.251H1409.65V0H1677.04V50.0461L1553.12 333.64H1469.23Z"/>
<path d="M1051.89 333.64V0H1115.76L1312.6 240.221H1281.62V0H1357.88V333.64H1294.49L1097.17 93.4193H1128.15V333.64H1051.89Z"/>
<path d="M701.397 333.64V0H843.909C890.301 0 926.366 10.8036 952.104 32.4108C977.842 53.7002 990.711 83.2513 990.711 121.064C990.711 145.849 984.833 167.297 973.076 185.409C961.319 203.203 944.637 216.866 923.03 226.399C901.422 235.931 875.684 240.698 845.816 240.698H744.294L778.611 206.857V333.64H701.397ZM913.497 333.64L830.087 212.577H912.544L996.907 333.64H913.497ZM778.611 215.436L744.294 179.213H841.526C865.358 179.213 883.152 174.129 894.909 163.96C906.665 153.475 912.544 139.176 912.544 121.064C912.544 102.634 906.665 88.3353 894.909 78.1672C883.152 67.9991 865.358 62.9151 841.526 62.9151H744.294L778.611 26.2146V215.436Z"/>
<path d="M474.004 339.36C426.659 339.36 389.641 326.173 362.949 299.8C336.258 273.426 322.912 235.773 322.912 186.839V0H400.126V183.979C400.126 215.754 406.64 238.632 419.668 252.613C432.696 266.595 450.967 273.585 474.481 273.585C497.994 273.585 516.265 266.595 529.293 252.613C542.321 238.632 548.835 215.754 548.835 183.979V0H625.095V186.839C625.095 235.773 611.75 273.426 585.059 299.8C558.367 326.173 521.349 339.36 474.004 339.36Z"/>
<path d="M106.765 333.64V62.9151H0V0H290.744V62.9151H183.979V333.64H106.765Z"/>
</g>
</svg>

Yellow on blackReverse

<svg width="1678" height="340" viewBox="0 0 1678 340" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title">
<title id="title">TURN7</title>
<g fill="#F9CD43">
<path d="M1469.23 333.64L1603.64 29.551L1623.66 62.9151H1443.97L1478.29 26.6912V117.251H1409.65V0H1677.04V50.0461L1553.12 333.64H1469.23Z"/>
<path d="M1051.89 333.64V0H1115.76L1312.6 240.221H1281.62V0H1357.88V333.64H1294.49L1097.17 93.4193H1128.15V333.64H1051.89Z"/>
<path d="M701.397 333.64V0H843.909C890.301 0 926.366 10.8036 952.104 32.4108C977.842 53.7002 990.711 83.2513 990.711 121.064C990.711 145.849 984.833 167.297 973.076 185.409C961.319 203.203 944.637 216.866 923.03 226.399C901.422 235.931 875.684 240.698 845.816 240.698H744.294L778.611 206.857V333.64H701.397ZM913.497 333.64L830.087 212.577H912.544L996.907 333.64H913.497ZM778.611 215.436L744.294 179.213H841.526C865.358 179.213 883.152 174.129 894.909 163.96C906.665 153.475 912.544 139.176 912.544 121.064C912.544 102.634 906.665 88.3353 894.909 78.1672C883.152 67.9991 865.358 62.9151 841.526 62.9151H744.294L778.611 26.2146V215.436Z"/>
<path d="M474.004 339.36C426.659 339.36 389.641 326.173 362.949 299.8C336.258 273.426 322.912 235.773 322.912 186.839V0H400.126V183.979C400.126 215.754 406.64 238.632 419.668 252.613C432.696 266.595 450.967 273.585 474.481 273.585C497.994 273.585 516.265 266.595 529.293 252.613C542.321 238.632 548.835 215.754 548.835 183.979V0H625.095V186.839C625.095 235.773 611.75 273.426 585.059 299.8C558.367 326.173 521.349 339.36 474.004 339.36Z"/>
<path d="M106.765 333.64V62.9151H0V0H290.744V62.9151H183.979V333.64H106.765Z"/>
</g>
</svg>

White on blackNeutral reverse

<svg width="1678" height="340" viewBox="0 0 1678 340" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title">
<title id="title">TURN7</title>
<g fill="#FFFFFF">
<path d="M1469.23 333.64L1603.64 29.551L1623.66 62.9151H1443.97L1478.29 26.6912V117.251H1409.65V0H1677.04V50.0461L1553.12 333.64H1469.23Z"/>
<path d="M1051.89 333.64V0H1115.76L1312.6 240.221H1281.62V0H1357.88V333.64H1294.49L1097.17 93.4193H1128.15V333.64H1051.89Z"/>
<path d="M701.397 333.64V0H843.909C890.301 0 926.366 10.8036 952.104 32.4108C977.842 53.7002 990.711 83.2513 990.711 121.064C990.711 145.849 984.833 167.297 973.076 185.409C961.319 203.203 944.637 216.866 923.03 226.399C901.422 235.931 875.684 240.698 845.816 240.698H744.294L778.611 206.857V333.64H701.397ZM913.497 333.64L830.087 212.577H912.544L996.907 333.64H913.497ZM778.611 215.436L744.294 179.213H841.526C865.358 179.213 883.152 174.129 894.909 163.96C906.665 153.475 912.544 139.176 912.544 121.064C912.544 102.634 906.665 88.3353 894.909 78.1672C883.152 67.9991 865.358 62.9151 841.526 62.9151H744.294L778.611 26.2146V215.436Z"/>
<path d="M474.004 339.36C426.659 339.36 389.641 326.173 362.949 299.8C336.258 273.426 322.912 235.773 322.912 186.839V0H400.126V183.979C400.126 215.754 406.64 238.632 419.668 252.613C432.696 266.595 450.967 273.585 474.481 273.585C497.994 273.585 516.265 266.595 529.293 252.613C542.321 238.632 548.835 215.754 548.835 183.979V0H625.095V186.839C625.095 235.773 611.75 273.426 585.059 299.8C558.367 326.173 521.349 339.36 474.004 339.36Z"/>
<path d="M106.765 333.64V62.9151H0V0H290.744V62.9151H183.979V333.64H106.765Z"/>
</g>
</svg>

Color

Yellow gives Turn7 its energy. Black anchors the system, while white keeps the page open and easy to read.

Turn7 Yellow

Black

White

Typography

Proxima Nova is our primary heading typeface. Montserrat offers a secondary heading option.

Our heading typefaceProxima Nova

Bold for headlines and section titles.

Hero H1 · Black

Make the next move.

Subhead · Semibold

Digital experiences built to move people.

Body · Regular

Clear ideas, useful technology, and thoughtful design work better together.

Secondary heading typefaceMontserrat

Use for an alternate header treatment.

Headline · Bold

Ideas that move forward.

Elements

Common Turn7 actions and interface details. Hover, focus, and click to see how they behave on the site.

Buttons

Primary button

Yellow fill for a main action.

Contact Us

<a class="btn-1" href="/contact/">Contact Us</a>

Secondary button

White fill and black outline.

View Our Work

<a class="btn-2" href="/work/">View Our Work</a>

Dark button

Black fill on a light surface.

Read Insights

<a class="btn-4" href="/insights/">Read Insights</a>

Reverse button

White outline on a dark surface.

Get in Touch

<a class="btn-3" href="/contact/">Get in Touch</a>

Interface details

Form field

A clear label, soft background, and visible focus state.

Project name

Tags and links

Short labels help people scan; text links make the next step clear.

WEB DESIGNWORDPRESSAUTOMATION

Explore capabilities

Video

Client stories, told clearly. Videos use the same type and color as the rest of the brand.

Format: Vertical 9:16, 1080 × 1920.
Captions: Proxima Nova Bold in white, with key words in Turn7 Yellow (#F9CD43).
Name credit: White text in the top left corner for the first few seconds, with a short yellow rule under the name.
Finish: Warm natural color, soft fades and seamless cuts.

Contact

Need another file format or have a question about the brand? Get in touch with Turn7.