Gallery 291 styles

⇆ Adjuststyle: design-typesetting-large-line-height169Large line heightDesign · UI/UXLines are spaced far apart for relaxed reading.
⇆ Adjuststyle: design-typesetting-narrow-measure170Narrow measureDesign · UI/UXLines are kept short, set in a narrow column.
⇆ Adjuststyle: design-typesetting-tight-tracking171Tight trackingDesign · UI/UXLetters are set closer together than normal.
⇆ Adjuststyle: design-typesetting-wide-tracking172Wide letter spacingDesign · UI/UXLetters are spaced well apart.
style: grunge173GrungeDesign · MotionA worn, rough look built from stains, scuffs, tape and spray paint layered on a surface.
style: halftone-interference174Halftone interferenceDesign · ArtRegular halftone dots on paper encode wave interference through changing dot sizes.
style: layout-alignment-baseline175Baseline alignedDesign · UI/UXElements of different sizes share the same baseline.
style: layout-alignment-centered176CenteredDesign · UI/UXEvery line is centered on a vertical axis.
style: layout-alignment-flush-left177Flush leftDesign · UI/UXLines share a left edge, with a ragged right edge.
style: layout-alignment-justified178JustifiedDesign · UI/UXEvery line except the last fills the full width, aligning both edges.
style: layout-density-dashboard179Information-rich dashboardDesign · UI/UXNumbers, charts and tables sit together in separate panels.
⇆ Adjuststyle: layout-density-dense180DenseDesign · UI/UXMany small elements are packed closely together.
⇆ Adjuststyle: layout-density-sparse181SparseDesign · UI/UXA few elements are spread out with plenty of room.
style: layout-grid-bento182Bento gridDesign · UI/UXRounded tiles of different sizes are packed together like a bento box.
style: layout-grid-broken183Broken gridDesign · UI/UXElements start from a grid but deliberately break out of it and overlap.
style: layout-grid-column-grid18412-column gridDesign · UI/UXThe page is divided into 12 columns, and every element spans a whole number of them.
style: layout-grid-modular185Modular gridDesign · UI/UXColumns and rows divide the page into modules that hold the elements.
style: layout-grid-no-grid186No gridDesign · UI/UXElements are placed freely, without shared alignment lines.
⇆ Adjuststyle: layout-hierarchy-oversized-headline187Oversized headlineDesign · UI/UXThe headline is set extremely large, filling the width of the page.
⇆ Adjuststyle: layout-hierarchy-strong-contrast188Strong scale contrastDesign · UI/UXThe headline is much larger than the body, making the reading order obvious.
⇆ Adjuststyle: layout-hierarchy-subtle189Subtle hierarchyDesign · UI/UXThe headline is only slightly larger than the body, giving a quiet hierarchy.
⇆ Adjuststyle: layout-layering-floating-cards190Floating cardsDesign · UI/UXCards cast soft shadows so they appear to float above the background.
style: layout-layering-overlapping191Overlapping elementsDesign · UI/UXImage, text and shapes partly overlap one another.
style: layout-layering-stacked192StackedDesign · UI/UXCards of the same size are stacked with a small offset.