Chapter 11.0

Resources

Every file you need, with its type and size.

  1. 11.1Logo files
  2. 11.2Colour tokens
  3. 11.3Fonts
  4. 11.4Planting-plan samples and patterns
  5. 11.5Drawings and CAD samples
  6. 11.6Contact

11.1 · Logo files

Wordmark, lock-up, favicon.

Take the logo from these files. Do not redraw it or retype it.

Use the Paper files on Ink, Delta Teal and group colour fields. Use the Ink files on white.

WILS wordmark, Ink on white
WILS wordmark, Paper on Delta Teal

Wordmark, Ink on white and Paper on Delta Teal.

Files
FileUseTypeSize
wils-wordmark.svgWordmark, InkSVG2 KB
wils-wordmark-reversed.svgWordmark, Paper, for Ink or colour fieldsSVG2 KB
wils-lockup-ar.svgArabic lock-upSVG14 KB
favicon.svgFaviconSVG2 KB
favicon-32.pngFavicon, 32 pxPNG362 B
favicon.icoFavicon, ICOICO628 B
apple-touch-icon.pngTouch icon, 180 pxPNG2 KB

11.2 · Colour tokens

One source for every value.

The token files hold every colour, size and font setting. Copy them into a project and use the names, not the hex codes.

The hardscape colours, Sandstone, Granite, Cobalt and Corten, sit in the same files.

Aa
Delta Teal#00666FLead
Aa
Ink#121417Text
Aa
Paper#FFFFFFGround
Aa
Trees#16803CGroup
Aa
Palms#F2A20CGroup
Aa
Shrubs#C93A17Group
Aa
Groundcovers#86C8F0Group
Aa
Climbers#B2176EGroup
Aa
Muted#575B63Captions
Aa
Sandstone#D6B07AHardscape
Aa
Granite#5B6470Hardscape
Aa
Cobalt#1D4E9EHardscape
Aa
Corten#8C4A1FHardscape

The core palette, the five plant groups and the four hardscape groups as set in the tokens.

Files
FileUseTypeSize
tokens.cssCustom properties (--wils-*)CSS18 KB
tokens.jsonThe same tokens as JSONJSON23 KB
CONTRAST.mdContrast ratios for every colour pairMD7 KB

11.3 · Fonts

WILS Sans.

WILS Sans comes in Regular, Medium and Bold. Use WOFF2 on the web and TTF on desktop.

The licence texts for the open fonts it is built from are included.

Regular 400: Every landscape plant Medium 500: Every landscape plant Bold 700: Every landscape plant

WILS Sans, three weights.

Files
FileUseTypeSize
WILSSans-Regular.woff2WILS Sans Regular, webWOFF2156 KB
WILSSans-Regular.ttfWILS Sans Regular, desktopTTF585 KB
WILSSans-Medium.woff2WILS Sans Medium, webWOFF2162 KB
WILSSans-Medium.ttfWILS Sans Medium, desktopTTF590 KB
WILSSans-Bold.woff2WILS Sans Bold, webWOFF2161 KB
WILSSans-Bold.ttfWILS Sans Bold, desktopTTF594 KB
Inter-OFL.txtLicence text for the open font usedTXT4 KB
IBM-Plex-OFL.txtLicence text for the open font usedTXT4 KB

11.4 · Planting-plan samples and patterns

The device, ready to use.

These are finished planting plans, one for each plant group, plus sample strips and a right-to-left version.

The generator script draws a plan from a plant ID. See chapter 5.0 for the rules.

Trees planting plan sample Palms planting plan sample Shrubs planting plan sample Groundcovers planting plan sample Climbers planting plan sample Sample plan for TR-0412

Planting plan samples.

Files
FileUseTypeSize
group-trees.svgTrees group planSVG3 KB
group-palms.svgPalms group planSVG10 KB
group-shrubs.svgShrubs group planSVG3 KB
group-groundcovers.svgGroundcovers group planSVG3 KB
group-climbers.svgClimbers group planSVG3 KB
seed-TR-0412.svgSample plan, TR-0412SVG3 KB
seed-TR-0077.svgSample plan, TR-0077SVG3 KB
seed-TR-0233.svgSample plan, TR-0233SVG3 KB
hero-strip.svgWide stripSVG10 KB
cover-strip.svgCover stripSVG24 KB
mobile-TR-0412.svgPhone sizeSVG2 KB
rtl-TR-0412.svgRight-to-left versionSVG3 KB
planting-plan.jsGenerator scriptJS15 KB
pattern-trees.svgTrees pattern tileSVG1 KB
pattern-palms.svgPalms pattern tileSVG1 KB
pattern-shrubs.svgShrubs pattern tileSVG1 KB
pattern-groundcovers.svgGroundcovers pattern tileSVG1 KB
pattern-climbers.svgClimbers pattern tileSVG1 KB
pattern-surfaces.svgSurfaces pattern tile (proposed)SVG1 KB
pattern-edges.svgEdges & walls pattern tile (proposed)SVG1 KB
pattern-water.svgWater & soil pattern tile (proposed)SVG1 KB
pattern-furniture.svgFurniture & light pattern tile (proposed)SVG1 KB

11.5 · Drawings and CAD samples

Four drawings of one tree.

The sample set is Albizia lebbeck: render, elevation, plan and sketch. Each comes as SVG on white, SVG that uses the token variables, and PNG.

Put the token-variable SVGs inside a white plate. Never place a drawing straight onto a colour field.

Albizia lebbeck, render

Albizia lebbeck, render.

Files
FileUseTypeSize
tr-0412_albizia-lebbeck_render_r01.svgRender, SVG, white groundSVG18 KB
tr-0412_albizia-lebbeck_render-themable_r01.svgRender, SVG, uses the token variablesSVG18 KB
tr-0412_albizia-lebbeck_render_1800x1200_r01.pngRender, PNG 1800 × 1200PNG76 KB
tr-0412_albizia-lebbeck_elev_r01.svgElevation, SVG, white groundSVG15 KB
tr-0412_albizia-lebbeck_elev-themable_r01.svgElevation, SVG, uses the token variablesSVG15 KB
tr-0412_albizia-lebbeck_elev_1200x1200_r01.pngElevation, PNG 1200 × 1200PNG18 KB
tr-0412_albizia-lebbeck_plan_r01.svgPlan, SVG, white groundSVG14 KB
tr-0412_albizia-lebbeck_plan-themable_r01.svgPlan, SVG, uses the token variablesSVG15 KB
tr-0412_albizia-lebbeck_plan_1200x1200_r01.pngPlan, PNG 1200 × 1200PNG62 KB
tr-0412_albizia-lebbeck_sketch_r01.svgSketch, SVG, white groundSVG10 KB
tr-0412_albizia-lebbeck_sketch-themable_r01.svgSketch, SVG, uses the token variablesSVG10 KB
tr-0412_albizia-lebbeck_sketch_1800x1200_r01.pngSketch, PNG 1800 × 1200PNG24 KB

11.6 · Contact

Contact.

Questions about the brand: use the Contribute page on w-ils.com.

w-ils.com/contribute

The Contribute page is the one route for questions. Paper text on a Delta Teal field.