kstax-biz
Measured, dignified, and editorial. Warm terracotta full-bleed section blocks alternate systematically with clean white paper-like surfaces and stylized architectural papercraft imagery. A refined consulting aesthetic prioritizing clarity, calm structure, and institutional trust.
Visit siteColour
Background#ffffff
Text#000000
Accent#99595a
Surface#f6f4f0
Muted#333333
Typefaces
- Display
- Instrument Sans
- Body
- Instrument Sans
- Mono
- —
- Source
- Scale
- 14 · 16 · 18 · 20 · 22 · 28
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 8px
Capture
- Category
- finance
- Sections
- 13
- Captured
- 2026-08-30
- Rhythm
- white → terracotta → white → terracotta → white → terracotta → white → terracotta → white → terracotta → dark → terracotta x2
Type rules
- display headings set tightly tracked at -0.05em in sentence case
- body measure constrained to approximately 61 characters for legibility
Colour rules
- warm terracotta (#99595a) anchors interactive buttons and alternates as full section backdrops
- body copy transitions to pure white when rendered over terracotta or dark surfaces
Voice rules
- lead with clarity and entrepreneurial outcomes rather than legalistic code
- use polite formal German address (Sie/Ihren) throughout all body copy
Holds it together
- alternate full-width terracotta background sections with clean white content sections to pace reading
- render category labels and structural eyebrows in tracked uppercase sans-serif
- pair warm-toned papercraft architectural art with restrained black-and-white workplace photography
Contrast
text on background21.0:1 AAA
muted text on background12.6:1 AAA
text on surface19.1:1 AAA
accent on background5.3:1 AA
background on accent5.3:1 AA
Type, measured
- Body
- 16px / 1.4
- Measure
- 61 characters
- Display
- 72px / 1
- Tracking
- -0.05em display
- Scale ratio
- 1.46
Voice
- Tone
- composed, authoritative, clear
- Sentences
- medium
- Person
- second
- Vocabulary
- precise
- Calls to action
- vereinbaren, besprechen, kennenlernen
Built with
- Builder
- framer
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- sticky_top_bar, 7 items, sticky
- Length
- 11.1 screens
Sections in page order
13- 00
hero
A calm, architectural hero layout pairing clean typography with a muted geometric skyline illustration.
- Mood
- quiet + editorial
- Layout
- 2 col · split · balanced
- 01
feature grid
Muted terracotta feature grid presenting advisory benefits with structured typography and minimalist iconography.
- Mood
- warm + quiet
- Layout
- 3 col · grid · balanced
- 02
feature
A clean, restrained process section pairing a three-step numbered list with warm corporate photography.
- Mood
- quiet + clinical
- Layout
- 2 col · split · balanced
- 03
feature grid
Structured, muted terracotta service grid featuring clean dual-toned cards that flow directly into a consultation call-to-action.
- Mood
- quiet + warm
- Layout
- 2 col · grid · balanced
- 04
team
A polished executive profile pairing structured career milestones and clean typography with geometric collage portraiture.
- Mood
- editorial + warm
- Layout
- 2 col · split · balanced
- 05
showcase
Subdued architectural photography paired with clean sans-serif typography across paired portal cards sets a composed, clinical corporate tone.
- Mood
- quiet + clinical
- Layout
- 2 col · grid · airy
- 06
feature grid
Clean corporate grid presenting sector expertise through rounded cards with mixed photography and miniature 3D illustrations.
- Mood
- clinical + quiet
- Layout
- 2 col · grid · balanced
- 07
faq
A structured accordion section set against a muted rose backdrop with an anchored light consultation card.
- Mood
- warm + quiet
- Layout
- 16 col · split · balanced
- 08
showcase
A clean, tranquil editorial newsletter grid paired with serene papercraft architectural illustrations.
- Mood
- quiet + editorial
- Layout
- 3 col · grid · balanced
- 09
cta
A calm, earthy terracotta newsletter subscription banner with straightforward typography and an inline email form.
- Mood
- warm + quiet
- Layout
- 2 col · split · balanced
- 10
cta
A formal and restrained consultation call-to-action overlaying a moody, darkened photograph of business professionals in discussion.
- Mood
- clinical + luxurious
- Layout
- 1 col · centered · balanced
- 11
cta
A calm, earthy rose call-to-action banner with generous horizontal space pairing a clean headline with a rounded consultation button.
- Mood
- warm + quiet
- Layout
- 16 col · split · airy
- 12
footer
Warm terracotta corporate footer structured into clear informational columns with clean sans-serif typography and trust affiliation badging.
- Mood
- warm + clinical
- Layout
- 8 col · grid · balanced
