Gallery 115 styles

⇆ Adjuststyle: composition-viewpoint-isometric049IsometricDesign · UI/UX · 3DCGViewed from a fixed oblique angle, with no perspective.
▶style: design-type-treatment-engraved050EngravedDesign · Motion · UI/UXLetters cut into a metal plate, with recessed strokes and lit edges.
▶style: design-type-treatment-led-dot-matrix051LED dot matrixDesign · Motion · UI/UXLettering on an LED board: lit dots on a regular grid.
▶style: design-type-treatment-lipstick052Lipstick scriptDesign · Motion · UI/UXThick, smudged red script as if written in lipstick on a mirror.
▶style: design-type-treatment-neon-tube053Neon tubeDesign · Motion · UI/UXLetters drawn as glowing tubes, with light bleeding around them.
▶style: design-type-treatment-rubber-stamp054Rubber stampDesign · Motion · UI/UXLettering pressed with a rubber stamp: worn ink and a border.
style: design-type-treatment-spray-paint055Spray paintDesign · Motion · UI/UXLettering sprayed on: soft overspray edges and drips.
style: design-typeface-geometric-sans056Geometric sansDesign · UI/UXA sans-serif built from circles and straight lines, like Futura.
style: design-typeface-monospace057MonospaceDesign · UI/UXEvery character occupies the same width.
style: design-typeface-neo-grotesque058Neo-grotesque sansDesign · UI/UXA neutral, even sans-serif in the vein of Helvetica.
style: design-typeface-script059ScriptDesign · UI/UXConnected, handwriting-like letterforms.
style: design-typeface-serif060SerifDesign · UI/UXLetters end in small strokes called serifs, with thick-thin contrast.
⇆ Adjuststyle: design-typesetting-large-line-height061Large line heightDesign · UI/UXLines are spaced far apart for relaxed reading.
⇆ Adjuststyle: design-typesetting-narrow-measure062Narrow measureDesign · UI/UXLines are kept short, set in a narrow column.
⇆ Adjuststyle: design-typesetting-tight-tracking063Tight trackingDesign · UI/UXLetters are set closer together than normal.
⇆ Adjuststyle: design-typesetting-wide-tracking064Wide letter spacingDesign · UI/UXLetters are spaced well apart.
style: layout-alignment-baseline065Baseline alignedDesign · UI/UXElements of different sizes share the same baseline.
style: layout-alignment-centered066CenteredDesign · UI/UXEvery line is centered on a vertical axis.
style: layout-alignment-flush-left067Flush leftDesign · UI/UXLines share a left edge, with a ragged right edge.
style: layout-alignment-justified068JustifiedDesign · UI/UXEvery line except the last fills the full width, aligning both edges.
style: layout-density-dashboard069Information-rich dashboardDesign · UI/UXNumbers, charts and tables sit together in separate panels.
⇆ Adjuststyle: layout-density-dense070DenseDesign · UI/UXMany small elements are packed closely together.
⇆ Adjuststyle: layout-density-sparse071SparseDesign · UI/UXA few elements are spread out with plenty of room.
style: layout-grid-bento072Bento gridDesign · UI/UXRounded tiles of different sizes are packed together like a bento box.