Elastic UI

Elastic UI / 2017– / Style / Platform Screen Languages

Elastic's interface system is made for searching, filtering and diagnosing large data sets without losing operational density.

Fixed header and left navigation / Persistent query, filter and time controls / Tables and time-series charts in shared panels / Bright series colors limited to data

Images at the source page

Dictionary entry

Best used for
Log and security investigation screens · Products that combine query, table, visualization and detail
Type
Separate monospaced values from explanatory sans text and never rely on color alone.
Composition
Give navigation, query, visualization and detail stable regions; keep time and filters visible.
Material
Layer neutral surfaces, reserve blue for interaction and bright hues for data series.
Caution
More charts do not create more insight. Remove any panel or series that does not answer the current question.
Further study
EUI page templates / Elastic Charts / Amsterdam and Borealis themes

Related entries

Cite this entry

The dictionary is meant to be linked to. Take whichever form fits where you are writing.

Link
https://indexstyle.org/styles/elastic-ui
Markdown
[Elastic UI — IndexStyle](https://indexstyle.org/styles/elastic-ui)
HTML
<a href="https://indexstyle.org/styles/elastic-ui">Elastic UI — IndexStyle</a>

Back to index position