Design Briefing v1.0 · April 2026

Tischlerei Albani — Branding & Design System

The binding visual system for gestaltung-in-holz.com. This page is linked only internally (floating button) and is not part of the main navigation.

1. Brand Colours

Two brand core colours (Albani Green & Red) plus a neutral system for text, backgrounds and accents. No brown, no amber, no gold.

#036038

Albani Green

Primary colour, CTAs, links, icons, accents

Brand core colour

#BB1821

Albani Red

Secondary accent, badges, warnings

Use sparingly

#024A2B

Dark Green (Hover)

Hover state for buttons and links

Derived from Green

#E8F5EE

Light Green (Background)

Highlight boxes, AEO answer box

10% opacity of Green

#1A1A1A

Text Black

Body copy, headings

Never pure black

#595959

Text Grey

Secondary text, meta info, captions

—

#F7F5F2

Background Warm

Section background, alternating

Warm tone, never cold grey

#FFFFFF

White

Default background, cards

—

2. Typography

Montserrat (all headings H1–H6) gives the site a cleaner, more confident shape while staying close to the rounded geometry of the Albani logo. Source Sans 3 is used for body copy and UI because it reads warmer, sharper and more professional across long German service pages. Both are self-hosted via Fontsource (GDPR-compliant, no Google Fonts CDN).

H1Montserrat · 700 Bold · Desktop clamp(30px → 46px) · Mobile 30px · Colour #1A1A1A

Craftsmanship in Wood — H1 Example

H2Montserrat · 700 · Desktop clamp(24px → 34px) · Mobile 24px · Colour #1A1A1A

Trust is built in the details — H2

H3Montserrat · 700 · Desktop clamp(20px → 26px) · Mobile 20px · Colour #1A1A1A

Workshop, Showroom & Service — H3

H4Montserrat · 700 · Desktop clamp(18px → 22px) · Mobile 18px · Colour #1A1A1A

Example Heading H4

H5Montserrat · 700 · Desktop clamp(16px → 19px) · Mobile 16px · Colour #1A1A1A

Example Heading H5

H6Montserrat · 700 · UPPERCASE · Desktop clamp(14px → 16px) · Mobile 14px · Colour #1A1A1A

Example Label H6

BodySource Sans 3 · 400 Regular · Desktop 17 px · Mobile 17 px · Colour #1A1A1A

Tischlerei Albani builds custom furniture in the Rhein-Kreis Neuss region. We craft fitted wardrobes, living-room walls and bedroom furniture made to measure — from on-site survey to installation, all from one source.

Body BoldSource Sans 3 · 600 · Desktop Body size · Mobile Body size · Colour #1A1A1A

Fixed price after on-site survey. Personal consultation with Daniel Albani and the team.

Body Small / MetaSource Sans 3 · 400 · Desktop 15–16 px · Mobile 15 px · Colour #595959

Meta information · 4 min read · Updated April 2026

ButtonSource Sans 3 · 600 · Desktop 16–17 px · Mobile 15 px · Colour #FFFFFF

NavigationSource Sans 3 · 500 Medium · Desktop 16–17 px · Mobile 15 px · Colour #1A1A1A

Custom Furniture

3. Components

The reusable building blocks used on every service and city page.

3.1 AEO Answer Box

Sits directly below H1. Background #E8F5EE, left border 4px #036038, padding 24px.

3.2 Trust Block

Background #F7F5F2 · padding 32px · checkmarks in Albani Green.

Why Tischlerei Albani?

Master craftsman workshop since 1999
Fixed price after on-site survey — no hidden costs
Own workshop in Grevenbroich, showroom in Korschenbroich
Personal consultation with the owner

3.3 Buttons

Border-radius 4px · padding 14px 28px · hover #024A2B

4. Page Templates

Service Page (Money)

H1 → AEO Box → Intro → Audience → Service detail → Inline CTA → Cost factors → Process → Trust → Projects → FAQ → Related → Closing CTA

City Page (Regional)

H1 city+service → Local intro → Service overview → Local projects → Directions to showroom → CTA → Related cities

Project Page (Detail)

H1 project name+city → Hero image → Brief & solution → Materials & partners → Gallery → Related service → CTA

5. Technical Specs

Fonts

Self-hosted as WOFF2. No Google Fonts CDN.

Images

WebP with JPG fallback · width/height set · lazy loading from the 3rd image

Alt text

Descriptive + keyword + location where meaningful

Core Web Vitals

LCP < 2.5 s · CLS < 0.1 · INP < 200 ms

Only essential cookies without consent · GA/GTM after opt-in

Schema

RankMath: FAQ, Breadcrumb, LocalBusiness automatically

6. Image Style

Real work, real materials, real rooms. Workshop, detail shots, showroom, portraits. Warm, natural, never over-saturated. No stock photos, no AI imagery, no lifestyle staging. No kitchen photography.

7. Container & Radius

Container

max-width: 1400px · padding: 1rem (md: 2rem)

Border Radius

--radius: 0.5rem (buttons 4px per briefing)

8. Page Structure

Complete sitemap of all pages on gestaltung-in-holz.com, grouped by section.

Hauptseiten

Page Title	URL
Startseite	`/`
Über uns	`/ueber-uns`
Kontakt	`/kontakt`
Jobs	`/jobs`
Magazin	`/magazin`
Magazin-Artikel	`/magazin/{slug}`
Projekte	`/projekte`
Projekt-Detail	`/projekte/{slug}`
Einsatzgebiet	`/einsatzgebiet`
Branding	`/branding`
Impressum	`/impressum`
Datenschutz	`/datenschutz`

Türen

Page Title	URL
Türen (Übersicht)	`/tueren`
Zimmertüren	`/tueren/zimmertueren`
Glastüren	`/tueren/glastueren`
Schiebetüren	`/tueren/schiebetueren`
Lofttüren	`/tueren/lofttueren`
Wohnungseingangstüren	`/tueren/wohnungseingangstueren`
Sicherheitstüren	`/tueren/sicherheitstueren`
Zargen & Beschläge	`/tueren/zargen-beschlaege`

Böden

Page Title	URL
Böden (Übersicht)	`/boeden`
Parkett	`/boeden/parkett`
Parkett schleifen	`/boeden/parkett-schleifen`
Laminat	`/boeden/laminat`
Vinylboden	`/boeden/vinylboden`
Korkboden	`/boeden/korkboden`

Möbel nach Maß

Page Title	URL
Möbel nach Maß (Übersicht)	`/moebel-nach-mass`
Einbauschränke	`/moebel-nach-mass/einbauschraenke`
Ankleidezimmer	`/moebel-nach-mass/ankleidezimmer`
Garderoben	`/moebel-nach-mass/garderoben`
Sideboards & Regale	`/moebel-nach-mass/sideboards-regale`
Schlafzimmermöbel	`/moebel-nach-mass/schlafzimmermoebel`
Wohnzimmermöbel	`/moebel-nach-mass/wohnzimmermoebel`
Badmöbel	`/moebel-nach-mass/badmoebel`

Innenausbau

Page Title	URL
Innenausbau Komplettlösung	`/innenausbau-komplettloesung`
Altbausanierung	`/innenausbau-komplettloesung/altbausanierung`
Treppen	`/innenausbau-komplettloesung/treppen`
Sonderlösungen	`/innenausbau-komplettloesung/sonderloesungen`
Reparatur-Service	`/innenausbau-komplettloesung/reparatur-service`

Partner

Page Title	URL
Handwerker-Netzwerk	`/handwerker-netzwerk`
Partner Handwerk	`/handwerker-netzwerk/partner-handwerk`
Partner Hersteller	`/handwerker-netzwerk/partner-hersteller`

Standorte

Page Title	URL
Tischler Korschenbroich	`/tischler-korschenbroich`
Tischler Grevenbroich	`/tischler-grevenbroich`
Tischler Neuss	`/tischler-neuss`
Tischler Kaarst	`/tischler-kaarst`
Tischler Meerbusch	`/tischler-meerbusch`
Tischler Düsseldorf	`/tischler-duesseldorf`
Tischler Mönchengladbach	`/tischler-moenchengladbach`