Inputs explained: a glossary

Bek Agius — 25th September 2018

Inputs are responsible for much of the power in the way we allow your internal stakeholders to edit documents without risk. They allow us to isolate elements that can be edited within documents and define exactly how they are edited. 

The input allows anyone editing a document in Outfit to see a very clear and defined list of what can be edited so that an editing session becomes more of a methodical checklist-driven process:

Group 5 (5)

Screen Shot 2018-09-14 at 4.46.21 pm

So what types of inputs are there?

drop Colour Inputs

Our colour inputs allow us to change the colour of items like text, shapes and colour treatment overlays using your on brand RGB or HEX colour codes and represents your choice clearly on a WYSIWYG visual colour chart. 

The colour input even allows you to click and drag to select a random colour with the preview updating automatically, live on your document. 

text Text Inputs

As the name implies, the text input is used to allow us to add and edit text content within our documents. We have the ability to completely customise the availability of text formatting options on every text input:

Screen Shot 2018-09-07 at 10.47.38 am

image  Image Inputs

Capitalising on the ample permissions and segmentation functionality of the Outfit Asset Library, image inputs allow stakeholders to replace placeholder images with either a selection of approved images, their own uploaded images or a mixture of both. 

Image inputs also allow images to be repositioned within a frame to ensure correct focal positioning. 

Image Repos

choice Choice Inputs

Choice inputs enable us to add a predefined suite of controlled options that the editor of a document can choose from to change elements of a document. 

Themes

Examples of choice inputs include:

  • A set of pre-defined headlines
  • A suite of colour themes for a document
  • Arrow positions for a directional sign
  • On-brand options for logo placement (top left corner, bottom right corner etc)
  • Image treatment/overlay options

 

grid-2 Spreadsheet Inputs

Spreadsheet inputs allow us to import CSV spreadsheets full of data to populate multiple elements of a document. 

Screen Shot 2018-09-07 at 11.54.03 am

These spreadsheets can be used for text data, images, tables and even to populate charts!

Collections

 

stack-2 Collection Inputs

Collection inputs may remind you of email builder software as they are designed to give the document editor to add sections of a document in blocks.

Collections allow us to group together the inputs necessary for each block so that we can focus on editing one block at a time. 

 

You'll get to know each of these inputs very well as they become an integral part of every template you build in Outfit!

Share this post

Latest Posts

5 Point Guide for Implementing a Brand Design System

Some organisations are better than others at effectively managing and evolving brand over time. For those looking to really invest in brand long-term, a living, breathing design system is just what the doctor ordered. 

Read more

Engaging In Community Issues Can Help Your Business

When we stop thinking of our target audience as 'consumers' and instead focus on their identity as people, we learn more about their motivation. Most people are pursuing happiness, and consumption can help people feel happy but purchasing from a brand who contributes to valuable community issues provides deeper satisfaction.

Read more

Request a demo