180Connect

Preview

How a client record reads with the choices below.

UK charity · 1098765RepliedAwaiting replyBounced

Sheffield Youth Futures

Runs after-school mentoring and employability workshops for young people across South Yorkshire, with a focus on first-generation university applicants.

Education & youth · Sheffield · income £412,000 · keyboard shortcuts

Theme

Whether 180Connect is a pale page or a dark one. Emails you write stay on white, because that is how they arrive.

Match my deviceThe default: follows the light or dark setting on your computer or phone.LightDark text on a pale page, whatever your device is set to.DarkPale text on a dark page, whatever your device is set to.

Text size

Scales text, spacing and controls together, across 180Connect.

Default (100%)Standard size across all views and navigation.Large (115%)Text, spacing and controls 15% larger, together.Extra large (130%)Text, spacing and controls 30% larger, for the most comfortable reading.

Contrast

Darkens secondary text, borders and focus outlines.

Standard contrastStandard 180Connect colour palette.High contrastNear-black text, darker borders and stronger focus outlines.

Status colours

The colours on status pills: replied, waiting, bounced. Every pill also has a dot and a word.

StandardGreen for good, amber for waiting, red for a problem.Colour-blind safeBlue for good, amber for waiting, vermilion for a problem: distinguishable with red–green colour deficiency.

Line spacing

More room between lines of text, for easier scanning.

StandardStandard line height and spacing.RelaxedExpanded line height and letter spacing for easier reading flow.

Links

How links stand out from the text around them.

Colour onlyLinks are shown in blue text.UnderlinedEvery link in page content is underlined, so it never relies on colour alone.

Focus indicator

The outline that shows where you are when moving through the page with Tab.

StandardEach control's own focus ring when you move to it with the keyboard.StrongA thick outline on whatever has keyboard focus, on every control, always.

Motion

Page entrances, transitions, hover movement and loading animations.

Standard motionEntrances, transitions and hover movement.Reduced motionNo sliding or scaling. Loading spinners keep turning so you can tell work is happening.No motionEverything stops: animations, fades, transitions and spinners.

Keyboard

The shortcuts 180Connect has today. Press ? anywhere to open this list.

Anywhere

Show keyboard shortcuts: ?
Skip past the menu to the page content (first press on a page): Tab
Move to the next or previous control: TaborShiftTab
Close the open dialog, menu or panel: Esc

Option groups

Change the selected option: ←or→

Suggestions and @mentions

Move through the list: ↑or↓
Choose the highlighted item: EnterorTab

Inbox notes

Save the note you are writing: CtrlEnteror⌘Enter

Preview

How a client record reads with the choices below.

UK charity · 1098765RepliedAwaiting replyBounced

Sheffield Youth Futures

Runs after-school mentoring and employability workshops for young people across South Yorkshire, with a focus on first-generation university applicants.

Education & youth · Sheffield · income £412,000 · keyboard shortcuts

Theme

Whether 180Connect is a pale page or a dark one. Emails you write stay on white, because that is how they arrive.

Text size

Scales text, spacing and controls together, across 180Connect.

Contrast

Darkens secondary text, borders and focus outlines.

Standard contrastStandard 180Connect colour palette.High contrastNear-black text, darker borders and stronger focus outlines.

Status colours

The colours on status pills: replied, waiting, bounced. Every pill also has a dot and a word.

StandardGreen for good, amber for waiting, red for a problem.Colour-blind safeBlue for good, amber for waiting, vermilion for a problem: distinguishable with red–green colour deficiency.

Line spacing

More room between lines of text, for easier scanning.

StandardStandard line height and spacing.RelaxedExpanded line height and letter spacing for easier reading flow.

Links

How links stand out from the text around them.

Colour onlyLinks are shown in blue text.UnderlinedEvery link in page content is underlined, so it never relies on colour alone.

Focus indicator

The outline that shows where you are when moving through the page with Tab.

StandardEach control's own focus ring when you move to it with the keyboard.StrongA thick outline on whatever has keyboard focus, on every control, always.

Motion

Page entrances, transitions, hover movement and loading animations.

Keyboard

The shortcuts 180Connect has today. Press ? anywhere to open this list.

Anywhere

Show keyboard shortcuts: ?
Skip past the menu to the page content (first press on a page): Tab
Move to the next or previous control: TaborShiftTab
Close the open dialog, menu or panel: Esc

Option groups

Change the selected option: ←or→

Suggestions and @mentions

Move through the list: ↑or↓
Choose the highlighted item: EnterorTab

Inbox notes

Save the note you are writing: CtrlEnteror⌘Enter

Accessibility

Preview

Keyboard

Anywhere

Option groups

Suggestions and @mentions

Inbox notes

Accessibility

Accessibility

Preview

Keyboard

Anywhere

Option groups

Suggestions and @mentions

Inbox notes