# Team small business

> The people of a small local business as four equal tiles: the first tile is the introduction, the other three a portrait, a first name, a role and one plain line each. It reads like being introduced at the counter rather than a studio roster. Example images are included and can be replaced in the editor. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/team-small-business.html
Section: Team
Access: Included in Pattern Paste access.
Needs: Requires a block theme on WordPress 7.0. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.
Blocks: group, heading, image, paragraph
Keywords: team, family business, people, staff, local business, about us

## Variations (2)

### Three and a hello (the default)

Identical markup in every theme.

The introduction and three people on your base ground, first names on your large rung and a currentColor hairline above each line.

### Primrose and cocoa

This variation states its own colours and states its own type: identical in every theme.

Primrose ground, dark brown ink, cocoa role labels and softly rounded portraits, in Georgia over Gill Sans.


---

## The signature moment: the introduction takes a seat in the row

**The heading is not above the people, it is the first of four equal tiles,
so the firm introduces itself at the same size as the people in it.** Only
first names, and one plain line each ("Qualified in 2011, still on the tools
most days"), so it reads as friendly rather than a studio roster. The mark
survives colourlessness because it is made of position and rhythm: the
introduction shares the grid, and each person closes on the same short
`currentColor` hairline over their line.

## What it inherits from your theme

- The ground is `base` and every line of type is `contrast`, each a two-rung
  chain. Text is at 4.5:1 or better in the stock themes.
- The hairlines are `currentColor`, so they follow your text.
- The label and the roles start on `role-label`, falling through to
  `contrast`.
- The heading is on the `x-large` rung, the first names on `large`, the lines
  on `medium`. The typeface is your theme's.

## What it decides for itself

- A grid with a 15rem minimum column: four tiles across at 1280 and above,
  two by two at 820 (the introduction beside the first person), one column on
  a phone.
- Portraits are cropped 4:5 so faces line up across the row. Example
  portraits are included and are meant to be replaced in the editor.

## The Styled look

`primrose-and-cocoa` states a primrose ground `#fbf1d6`, dark brown ink
`#2b1d14` and cocoa `#6b3f22` for the label, the roles and the hairlines
(over 8:1 on the ground). The heading is Georgia and the first names Georgia
italic, over a Gill Sans body at weight 400, and the portraits have soft 18px
corners. It is for a family firm that wants to look like people, not a
company.

## What to change first

The names, roles, lines and portraits, the firm's name and the year in the
label.