# Inspector: Appearance

> Typography, colour, radius, shadow, padding, opacity and overflow.

Glider documentation · The Editor · Web page: https://cgglider.com/docs/inspector/appearance/

Sections of this page: [Add components](https://cgglider.com/docs/inspector.md) · [Content](https://cgglider.com/docs/inspector/content.md) · [Transform](https://cgglider.com/docs/inspector/transform.md) · [Appearance](https://cgglider.com/docs/inspector/appearance.md) · [Effects](https://cgglider.com/docs/inspector/effects.md) · [Binding](https://cgglider.com/docs/inspector/binding.md) · [Advanced](https://cgglider.com/docs/inspector/advanced.md)

Appearance lists the style keys that apply to the selected type: background, color, border, border radius, shadow, opacity, padding and overflow, plus font size and font family for text-bearing components.

- Colour fields open a picker. Background accepts a gradient; so does color on bar and chart components.
- Font family lists the fonts uploaded to this page, with Default at the top. The + button uploads a .ttf or .otf and applies it immediately — it needs a saved page.
- Overflow offers Visible, Hidden (the default) or Clip.
- Every row carries a bind affordance, so appearance can follow data just like content.

![Appearance with a font uploaded.](https://cgglider.com/docs-shots/inspector-appearance.png)