# elementary OS (elementary OS)

> elementary OS builds a consistently beautiful, immediately understandable desktop from concise language, single-purpose windows, distinctive app icons and restrained depth.

- IndexStyle No.567 — https://indexstyle.org/styles/elementary-os
- Kind: Style · Family: Platform Screen Languages · Era: 2011–
- Mood: Intimacy, Calm, Technique
- What this family collects: Design languages written down for a platform and published, from the vendors that shipped an operating system to the governments that had no reason to hide rules paid for with public money, every one of them recognisable at a glance.

## Defining characteristics

- A few primary actions in the top toolbar
- Short copy built from concrete verbs
- Multicolor app icons with distinctive silhouettes and a dark one-pixel outline
- White work surfaces, pale chrome and blue suggested actions

## Best used for

- Small single-purpose Linux desktop applications
- Desktop interfaces whose result must be clear without technical language

## Composition recipe

- Typography & lettering: Use brief everyday language and explicit verbs; never label an action merely OK.
- Layout & structure: Give one window one subject, primary actions at the top, content in the center and secondary detail on demand.
- Material & texture: Build from white and pale gray, fine shadows and blue suggested actions; give icons unique silhouettes and a dark one-pixel edge.

## Colour

Read off the reference works below, so a direction rather than a fixed palette.

- Ground: #FAFAFA
- The colour it is remembered by: #3689E6
- Text and outlines: #333333

## What to avoid

macOS-like wallpaper and rounded icons miss the point. The concise writing and one-window-one-purpose model must travel with the look.

## Application checklist

Work through this before calling a piece an application of this style.

- [ ] Visible in the piece: A few primary actions in the top toolbar
- [ ] Visible in the piece: Short copy built from concrete verbs
- [ ] Visible in the piece: Multicolor app icons with distinctive silhouettes and a dark one-pixel outline
- [ ] Visible in the piece: White work surfaces, pale chrome and blue suggested actions
- [ ] The layout follows: Give one window one subject, primary actions at the top, content in the center and secondary detail on demand.
- [ ] The lettering follows: Use brief everyday language and explicit verbs; never label an action merely OK.
- [ ] The material and surface follow: Build from white and pale gray, fine shadows and blue suggested actions; give icons unique silhouettes and a dark one-pixel edge.
- [ ] The colour relation holds: #FAFAFA as ground, #3689E6 carrying the style, #333333 for text and outlines
- [ ] At least one reference work below has been studied directly
- [ ] The caution above ("What to avoid") has been addressed

## Related styles

- **Adwaita (アドワイタ)** — Adwaita is the name GNOME gives its default visual style, defined in the project's Human Interface Guidelines. One set of components has to carry a light style, a dark style and a high contrast style, so colour arrives as named variables that switch rather than as fixed values. A header bar crosses the top of every window holding buttons drawn with no background and no border, and interface icons are monochrome symbolics built on a 16 by 16 pixel grid. → https://indexstyle.org/styles/adwaita
- **Aqua (アクア)** — Mac OS X's design language of buttons you want to lick. Jelly gloss, pinstripes, deep shadows and the genie effect staged digital components as objects you could touch, and set the terms for UI throughout the 2000s. What the web made of it with images is Web 2.0 Gloss. → https://indexstyle.org/styles/aqua

## Compose it with something else

The dictionary can put this entry in a structural role and another in an accent role, and report where the two fight: https://indexstyle.org/compose?ids=elementary-os+adwaita

## Further study

- elementary HIG philosophy
- Granite widgets
- elementary icon composition and outlines

## Reference works

- elementary — Human Interface Guidelines — https://docs.elementary.io/hig

## AI interpretation

An AI-generated interpretation image exists for browsing convenience only — it is not a reference work: https://indexstyle.org/ai/elementary-os.jpg

## Source of record

- elementary — Human Interface Guidelines — https://docs.elementary.io/hig

## Machine surfaces

- JSON: https://indexstyle.org/api/styles/elementary-os
- Image-generation prompt (legally clean): https://indexstyle.org/styles/elementary-os/prompt.txt
- MCP: https://indexstyle.org/mcp (tools: search_styles, get_style, compare_styles, compose_styles, find_related_styles; prompts: image-prompt, apply-style)