Springe zum Hauptinhalt
Suche schließen

Wonach suchen Sie?

Wählen Sie den Bereich, in dem Sie suchen möchten.

Fortbildung Kurse, Webinare, Zertifikatslehrgänge, ... Fortbildung suchen Weitere Inhalte Artikel, Projekte, Publikationen, Veranstaltungen, ... Seite durchsuchen
Schließen

Sie verlassen jetzt die Webseite des vhw – Bundesverband für Wohnen und Stadtentwicklung e. V. und werden zum vhw Verlag weitergeleitet. Dieser wird von der vhw Dienstleistung GmbH betrieben und unterliegt deren Datenschutzbestimmungen.

Weiter zum vhw Verlag

Online Styleguide

# Basics ↑

## Icons ↑

administration.svg

administration

arrow-rotate.svg

arrow-rotate

arrow.svg

arrow

arrow-up.svg

arrow-up

award.svg

award

bell-2.svg

bell-2

bell.svg

bell

bin.svg

bin

book.svg

book

building-2.svg

building-2

building.svg

building

calendar.svg

calendar

cart.svg

cart

certificate.svg

certificate

chat.svg

chat

check-circle.svg

check-circle

check.svg

check

chevron.svg

chevron

clipboard.svg

clipboard

clock.svg

clock

cloud.svg

cloud

copyright.svg

copyright

democracy.svg

democracy

diamond.svg

diamond

download.svg

download

edit.svg

edit

extern.svg

extern

eye.svg

eye

facebook.svg

facebook

fax.svg

fax

filter.svg

filter

graduate.svg

graduate

group.svg

group

heart.svg

heart

hourglass.svg

hourglass

house.svg

house

info.svg

info

instagram.svg

instagram

invoice.svg

invoice

lamp-on-book.svg

lamp-on-book

leaf.svg

leaf

letter.svg

letter

linkedin.svg

linkedin

magnifier.svg

magnifier

minus.svg

minus

module-search_configuration.svg

module-search_configuration

paperplane.svg

paperplane

pause.svg

pause

people.svg

people

phone.svg

phone

pin-2.svg

pin-2

pin.svg

pin

play.svg

play

plus.svg

plus

project.svg

project

quote.svg

quote

retry.svg

retry

scale.svg

scale

signal.svg

signal

social.svg

social

tag.svg

tag

thumbs-up.svg

thumbs-up

upload.svg

upload

user-2.svg

user-2

user-fallback.svg

user-fallback

user-plus.svg

user-plus

user.svg

user

user-time.svg

user-time

voucher.svg

voucher

warning.svg

warning

youtube.svg

youtube

## Farben ↑

### Primär ↑

#EAF0F3

vhw lightest

#CCE5F1

vhw lighter

#4CA6D0

vhw light

#0080BC

vhw base

#006696

vhw mid

#004566

vhw dark

#00344D

vhw darker

### Sekundär ↑

#D5C6FF

Lavendel base

#ECE5FF

Lavendel lightest

#E9E0FF

Lavendel lighter

#D5FFBE

Matcha

#F7FFF2

Matcha lightest

#E4DBC0

Sand

#F4F2F0

Sand-lightest

#76CBDE

Petrol

### Neutrals ↑

#FFFFFF

1

#EEF0F6

2

#DEEDED

3

#C0C5DD

4

#B3B9D6

5

#969CB8

6

#797F9A

7

#4C5370

8

#141726

9

#000000

10

### UI ↑

#FFF4CC

Gelb

#ED9289

Rosa

#F9DBE8

Rosa BG

#2B7201

Grün

#EAF7EA

Grün BG

#CF7800

Orange

#FEEFE0

Orange BG

#BB3720

Rot

#FEE7E3

Rot

## Schriften ↑

Barlow

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()

Barlow Condensed

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()

Instrument Serif

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()

## Überschriften ↑

H1: Überschrift 1

H2: Überschrift 2

H3: Überschrift 3

H4: Überschrift 4

## Fließtext ↑

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Interner Link

Externer Link

Telefon-Link

E-Mail-Link

## Listen ↑

Aufzählung

Nummeriert

  1. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy 
    eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
  2. sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum
  3. Stet clita kasd gubergren, no sea takimata sanctus est
  4. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
  5. consetetur sadipscing elitr, sed diam nonumy eirmod tempor invid

Häkchen

Nach oben