Creative & DesignContent Creator

Style scape: one page that sets a visual direction

A style scape collects the colors, materials, shapes and images that define one visual direction, so a team can agree on it before making anything. It works when each cluster of references has a short line that says what to take from it, and when the page separates what is in the direction from what is out. Keep the set tight enough that the direction is clear within the first screen.

Format notes

Cluster the references by the attribute they carry

Use four clusters: color, material, form and finish

Group references by the attribute they carry, not by where they came from. A reviewer can then say yes to the material cluster and no to the form cluster, which is hard to do with one pile of pictures.

Write one instruction line per cluster

Each cluster gets a line that says what the team takes from it, such as matte stone for the surface, not glossy metal. The line is the instruction. The pictures are the evidence for it.

Write the out list down

Name the colors, materials and forms the direction excludes. Writing the exclusions down stops the wider reference set from drifting back in during the next round.

Spend the five images on the strongest clusters

Up to five uploads or Unsplash picks can appear on the page. Put one image into each of the most important clusters, and describe the remaining references in words. Content Creator does not edit images, so crop and color-correct references in your own tools before you upload them.

Weak and strong wording

Turn a style word into a rule someone can apply

Weak: Earthy tones.

Strong: Ochre, clay and warm gray. Ochre for accents, clay for large fields, warm gray for text backgrounds.

Earthy describes a family of colors that each reviewer reads differently. Names, roles and an order of use give the next designer something to match.

Weak: Natural materials.

Strong: In: unfinished oak and wool bouclé. Out: lacquer, chrome and any visible printed pattern.

The strong version says what is in and what is out, so the material cluster can be checked at review.

Weak: Modern shapes.

Strong: Cards use the soft corner radius from the spec. No circular frames, and no sharp corners on cards.

Modern names a period. A radius rule names a shape someone can build.

Weak: A sophisticated finish.

Strong: Matte, low-sheen surfaces with no gradients. Highlights appear only where a light source is visible in the reference.

Sophisticated is a judgment. The finish rule says what is allowed and where it applies.

Quality checklist

Check the direction before it goes to a team that will apply it

  • The direction is named in one line at the top of the page.
  • References are grouped into color, material, form and finish, and each group has one instruction line.
  • The out list names specific colors, materials or forms that the direction excludes.
  • The page holds no more than five images, and each image stands for a cluster.
  • Each color named in the text has a role and a rough share of use.
  • Each reference that is not yours to show has been checked for its license, and its source is recorded in your own notes.
  • A reviewer can accept or reject one cluster without debating the whole direction.
Share the finished page

Send the direction to the people who will apply it

Team link

Send the style scape to the team that will apply it through a team link. Ask them to test it on one real layout before the direction is approved.

Public link

Use a public link for a client or partner after internal review. Take out any internal reference source that you cannot show outside the team.

WhatsApp share button

Use the WhatsApp share button to send the direction to a freelancer who needs it today. Add one line naming the cluster the work starts with.

Mistakes to avoid

Four ways a style scape fails to guide the work

Clustering by source

Grouping references by where they came from tells the reader nothing about the look. Group by color, material, form and finish.

No out list

Without an out list, the next round of references drifts back toward whatever was rejected. Write the exclusions down with the inclusions.

Several directions on one page

A page with three directions gets three half-approved answers. Keep one direction per page, and make a second page for an alternative.

Adjectives in place of rules

Words such as bold, calm or refined leave room for each reviewer to imagine something different. Replace them with a color, a material or a limit.

Frequently asked questions

Is there a style scape template?

This page does not provide a template. Use the four clusters and the out list as the structure, then fill them with references that carry your direction. A style scape built from your own references is easier to review than a generic layout.

What is the difference between a style scape and a mood board?

A mood board gathers images to suggest a feeling. A style scape is more structured: it separates the direction into attributes, with an instruction line for each and an explicit list of what is out. Agree the feeling with a mood board, then agree the rules with a style scape.

Can I send the style scape as an image or a PDF?

A PDF or image copy is not available from this page, so send the link, or the generated HTML file. Keep the original references in your own storage, because the page shows only five images.

How many references should a style scape include?

Enough to cover the four clusters, with one or two strong examples in each, and no more. Here the limit is five images, so the remaining references stay in your own folder, and the page names where that folder is.

Browse by category

More visuals in Creative & Design

How to build it

  1. Follow the eight-step wizard: type, assets and description, images, branding, contact and call to action, Atty Suggestions, blueprint, and generate. Atty generates one HTML page in the background. Review it, then publish and share the page link or download the HTML file.

Attain OS BETA