# TechFabric brand assets > Logo, colours, type, backgrounds, banners and the sentence that describes us, with the rules for using them. Every file is at a stable URL under https://www.techfabric.com/brand/kit/, and brand.json there carries the same information for a script. Canonical: https://www.techfabric.com/brand --- Brand ## Our logo, colours and type, ready to download. For journalists, partners, event organisers, and anyone putting our name next to theirs. Everything on this page is free to use for the purposes in the rules below. You don't need to ask first. Zip, 1.8 MB. Every file is also linked below on its own, and brand.json carries the same information for a script. Logo ### Two files for every ground. The wordmark is the word techfabric in lowercase with the dot mark to its left. It is drawn in two colours, a neutral that matches the ground and the logo red. On black the neutral is white, on white it is black, and nothing else changes. The mark on its own is for a profile picture or a favicon, where the wordmark would be too small to read. #### Clear space and size Leave space around the logo of at least the height of the letter t in the wordmark, on every side. Nothing else goes inside that space, including a partner's logo and the edge of the page. Don't go below 120 pixels wide on a screen or 30 millimetres in print. Below that the dots in the mark merge, and the mark on its own is the better choice. #### Please don't - Recolour it, or use the on-dark files on a light ground. - Stretch, rotate, outline it, or add a shadow or a glow. - Put it on a busy photograph. The weave below has a dark side for exactly this. - Type the name in a font to stand in for it. The wordmark is drawn, and the raised f is not a glyph you can reach. Colour ### Black, white, greys, and one red. Two reds, in fact, and each has one job. The wordmark and the mark are drawn in #EB0600 and always have been. The interface accent is #B30000, because the brighter red fails contrast as text on white. Don't recolour the logo to the darker one, and don't set text in the lighter one. - Logo red #EB0600 The wordmark and the mark. Nothing else. - Brand red #B30000 The accent on light grounds. Arrows, underlines, focus rings. - Red on dark #FF8577 Red text or icons on a dark ground, where #B30000 fails contrast. - Black #000000 The page ground. - Charcoal #282828 Secondary surfaces on dark. - Card grey #3A3A3A Cards on a dark ground. - Muted grey #A6A6A6 Captions and metadata on dark. - White #FFFFFF Headings and body copy on dark. - Light panel #F7F7F7 The light section, the system's one inversion. Type ### Three typefaces, all free. Poppins in bold for headings, Inter for everything you read, and JetBrains Mono for the small uppercase labels. Poppins and Inter are on Google Fonts. JetBrains Mono is from JetBrains, under the same open licence. Backgrounds and banners ### The weave, and the shapes it is already cut to. One image does most of the work on this site. Red threads on black, dense on the right and quiet on the left, so a headline sits on the dark side. Below it are the same image cut to the sizes the social platforms want, with the wordmark already placed. The red weave from the homepage. Put a headline on the dark left third, as the site does. 1200 x 630. The shape a link unfurls to on LinkedIn, Slack and X. 1584 x 396. The wordmark sits clear of where LinkedIn draws the profile picture. 1024 x 1024. The mark on black, for a square avatar. Photographs of our people aren't in the kit. If you need one for a speaker card or a profile, write to hello@techfabric.com and say where it will appear. Describing us ### The sentence we use everywhere. Quote it as it is. It is the same paragraph on LinkedIn, on the partner directories and in our own metadata, and it is written to be identical rather than polished for each place. #### Shorter forms Where a field is too small for the paragraph. Same claim, same order, nothing new. #### The name TechFabric. One word, capital T, capital F, in whatever typeface the rest of your sentence is in. The legal entity is Tech Fabric LLC , and it belongs on a contract or an invoice, not in prose. - Techfabric - Tech Fabric, in prose - TECHFABRIC - Tech-Fabric - TF If you are writing about the Databricks work, the approved wording is on this site already and it reads: TechFabric is a Databricks partner with an award-winning Databricks engineering team, 80 of them Databricks-certified, and Databricks is where we have chosen to go deep . Rules ### Eight rules, and permission to proceed. You may use these files to refer to TechFabric in an article, a talk, a partner listing, an event programme or a comparison, and to link to this site. Keep to the rules and you don't need a sign-off. Anything that puts our logo on a product, a course or a service that isn't ours needs a conversation first. - 01 Use the wordmark wherever it fits. The mark alone is for spaces too small or too square for the wordmark, such as a profile picture. - 02 Use the on-dark files on black and dark grounds, the on-light files on white and light grounds. Do not recolour either. - 03 Keep clear space around the logo of at least the height of the letter t in the wordmark, on every side. - 04 Do not go below 120 pixels wide on screen or 30 millimetres in print for the wordmark. - 05 Do not stretch, rotate, outline, add a drop shadow to, or place the logo on a busy photograph. - 06 Do not set the name in a typeface to imitate the wordmark. The wordmark is drawn, not typed. - 07 Do not use the assets to imply that TechFabric endorses or is affiliated with a product or an event unless we have said so. - 08 Say 'a Databricks partner' and 'a Temporal partner'. Do not attach a tier to either. For scripts and agents ### Every file has a stable URL. Nothing here needs a login or a form. The paths below don't change between versions of the kit, so a build that fetches the wordmark today fetches the current wordmark next year. Start with brand.json, which says which file to use on which ground, and llms.txt at the site root points here. - https://www.techfabric.com/brand/kit/brand.json Every file with its format, pixel size, the ground it is drawn for and when to use it, plus the colours, the fonts, the description, the rules and the permission statement. - https://www.techfabric.com/brand.md This page as Markdown, without the chrome, with the file list and the guide to choosing one at the end. - https://www.techfabric.com/brand/kit/techfabric-brand-kit.zip Everything above in one archive, with a README. ### Something missing? A photograph, a quote, a speaker biography, a logo in a format that isn't here. Write to hello@techfabric.com and we'll send it. ## Files Every file below is at a stable URL and needs no login. The same list, with hex values, fonts and rules, is at https://www.techfabric.com/brand/kit/brand.json for a script. https://www.techfabric.com/brand/kit/techfabric-brand-kit.zip is everything in one archive. - [techfabric-wordmark-on-dark.svg](https://www.techfabric.com/brand/kit/techfabric-wordmark-on-dark.svg): wordmark, SVG, 202x42, for dark grounds, transparent. The logo for black and dark grounds. Vector, scales to any size. First choice for print, slides and the web. - [techfabric-wordmark-on-dark.png](https://www.techfabric.com/brand/kit/techfabric-wordmark-on-dark.png): wordmark, PNG, 2020x420, for dark grounds, transparent. The same logo as a transparent PNG for tools that will not take SVG. - [techfabric-wordmark-on-light.svg](https://www.techfabric.com/brand/kit/techfabric-wordmark-on-light.svg): wordmark, SVG, 202x42, for light grounds, transparent. The logo for white and light grounds. Vector. - [techfabric-wordmark-on-light.png](https://www.techfabric.com/brand/kit/techfabric-wordmark-on-light.png): wordmark, PNG, 2020x420, for light grounds, transparent. The same logo as a transparent PNG. - [techfabric-mark-on-dark.svg](https://www.techfabric.com/brand/kit/techfabric-mark-on-dark.svg): mark, SVG, 40x43, for dark grounds, transparent. The dot mark alone, for dark grounds. Only where the wordmark will not fit or the space is square. - [techfabric-mark-on-dark.png](https://www.techfabric.com/brand/kit/techfabric-mark-on-dark.png): mark, PNG, 953x1024, for dark grounds, transparent. The dot mark alone as a transparent PNG, for dark grounds. - [techfabric-mark-on-light.svg](https://www.techfabric.com/brand/kit/techfabric-mark-on-light.svg): mark, SVG, 40x43, for light grounds, transparent. The dot mark alone, for light grounds. - [techfabric-mark-on-light.png](https://www.techfabric.com/brand/kit/techfabric-mark-on-light.png): mark, PNG, 953x1024, for light grounds, transparent. The dot mark alone as a transparent PNG, for light grounds. - [techfabric-background-3840x2160.webp](https://www.techfabric.com/brand/kit/techfabric-background-3840x2160.webp): background, WEBP, 3840x2160, for any grounds. The red weave at 4K. Dense on the right, dark on the left. Put a headline on the left third. - [techfabric-background-1920x1080.jpg](https://www.techfabric.com/brand/kit/techfabric-background-1920x1080.jpg): background, JPG, 1920x1080, for any grounds. The same weave at 1080p as JPEG, for slide templates. - [techfabric-banner-1200x630.png](https://www.techfabric.com/brand/kit/techfabric-banner-1200x630.png): banner, PNG, 1200x630, for any grounds. Share card with the wordmark and tagline already placed. Use as is for Open Graph, LinkedIn, Slack and X unfurls. - [techfabric-banner-1584x396.png](https://www.techfabric.com/brand/kit/techfabric-banner-1584x396.png): banner, PNG, 1584x396, for any grounds. LinkedIn company cover with the wordmark already placed. Use as is. - [techfabric-avatar-1024.png](https://www.techfabric.com/brand/kit/techfabric-avatar-1024.png): avatar, PNG, 1024x1024, for any grounds. Square profile picture, the mark on black. Use as is for any social or directory avatar. ## Choosing a file - Decide by the ground the logo will sit on. Dark ground (black, charcoal, a dark photograph): use an on-dark file. Light ground (white, light grey, a light photograph): use an on-light file. Never recolour a file to make it work on the other ground. - Use the wordmark unless the space is narrower than 120 px or roughly square, in which case use the mark. - Prefer SVG wherever the tool accepts it. Use PNG only where it will not. - The banners and avatar are finished compositions. Use them unchanged rather than rebuilding them from the parts. - The weave is an image to put a headline on, not a texture to tile. Keep text on the dark left third. Permissions: These files may be used to refer to TechFabric in an article, a talk, a partner listing, an event programme or a comparison, and to link to techfabric.com, without asking first, provided the rules below are kept. Putting the logo on a product, a course or a service that is not TechFabric's needs written permission from the contact address.