UI Design

Buttons und Links

• Primär: Blau mit weißer Schrift, im Hover Navy. Einmal pro Abschnitt.
• Sekundär: Weiß mit Navy-Rand.
• Rundung 12 px, Innenabstand 16 / 20 px, Schrift 16 px.
• Kein grüner Button: Grün ist Akzent.
• Beschriftung: Verb zuerst, zwei bis vier Wörter, Ziel nennen. Nicht „Mehr“, nicht „Hier klicken“.

Karten

Besprechungsräume

Tische, Stühle, Akustik und Medientechnik.

Schuleinrichtung

Planung, Lieferung und Montage für Lernräume.

Büroeinrichtung

Arbeitsplätze, Stauraum und Besprechungsecken.

Fahren Sie mit der Maus über die Karten: So reagieren alle Karten auf buero-albers.de.

Interaktion

• Karten heben sich im Hover um 6 px an, mit weichem Schatten; das Bild zoomt im Rahmen.
• Links bekommen eine wachsende Unterstreichung, Buttons heben sich um 2 px.
• Dauer 150 bis 300 ms, sanft auslaufend, ohne Nachfedern.
• Inhalte blenden beim Scrollen dezent ein. Ist im Betriebssystem „Bewegung reduzieren“ eingestellt, entfällt das.
• Sichtbarer Fokusring in Blau für die Bedienung mit der Tastatur.

Social Media

• Beiträge mit echten Projektfotos, Text in Tagline-Boxen
• Projektname im Navy-Balken, wenn der Kunde zugestimmt hat