---
title: 'Kort, band och knappar'
url: 'https://groovy.simplo.dev/exempel/byggstenar/kort-och-band'
updated: '2026-10-30'
description: 'Delar som passar en startsida eller en översikt.'
---

# Kort, band och knappar

Delar som passar en startsida eller en översikt.

## Kort

### Sök

Hittar i alla sidor du får läsa.

[Till frågorna](https://groovy.simplo.dev/exempel/guider/vanliga-fragor)

### Skriv ut

En egen layout, alltid ljus.

### Exportera

En sida eller en hel gren, som Word.

Utan ram, med två kolumner:

### Inloggning med e-post

Inga lösenord att komma ihåg.

### Skyddade sidor

Det du inte får läsa syns ingenstans.

## Band

## Ett mörkt band

Bandet går över hela innehållsytan, och texten står kvar i spalten.

- [Kom igång](https://groovy.simplo.dev/exempel/kom-igang/snabbstart)
- [Läs guiderna](https://groovy.simplo.dev/exempel/guider)

## Ett ljust band

En lugnare yta för något som ska synas lite extra.

## Centrerad text

Större text i mitten, till exempel som ingress.

## Knappar

- [Primär](https://groovy.simplo.dev/exempel/kom-igang)
- [Sekundär](https://groovy.simplo.dev/exempel/guider)

Större och centrerad:

- [Stor och centrerad](https://groovy.simplo.dev/exempel/byggstenar)

## Ikonlänkar

Öppna [snabbstarten](https://groovy.simplo.dev/exempel/kom-igang/snabbstart) när du vill börja, eller [rollerna](https://groovy.simplo.dev/exempel/kom-igang/roller) om du undrar vem som får göra vad.

---

## Navigation

- Parent: [Byggstenar](https://groovy.simplo.dev/exempel/byggstenar.md)
- Previous: [Heroes](https://groovy.simplo.dev/exempel/byggstenar/heroes.md)
- Next: [Rutor och steg](https://groovy.simplo.dev/exempel/byggstenar/rutor.md)