№ fischundtisch-de--en-professionals

Part of Fisch & Tisch - 5 pages captured →

Fisch & Tisch · Professionals

Raw oat canvas, bold earthy serif type, spacious organic warmth

Marquee Heroeditorial minimalism dark mode furniture ecommercedark

A high-impact hero section featuring a full-bleed lifestyle photograph with a curved bottom edge. Centered white sans-serif typography creates a clean, modern contrast against the rich, warm tones of the wooden table setting. · furniture hero, luxury interior web, curved image transition, editorial ecommerce, warm lifestyle photography

Fisch & Tisch · Professionals - mobile — Mobile · 375

Hero - desktop 1440 × 900 · mobile 375

See history ↻Visit source ↗

The whole page, top to bottom - desktop & mobile

Fisch & Tisch · Professionals - full page scroll

Fisch & Tisch · Professionals - mobile full page

Palette

Click any value to copy. Roles are suggestions, not gospel.

Reads as: earthy · warm

SwatchHexOKLCHSuggested roleCopy

Hex#88351f
OKLCHoklch(44.2% 0.119 36)
RoleDominant
find sites →
Hex#fcf4e4
OKLCHoklch(96.9% 0.023 85)
RoleSurface
find sites →
Hex#5f0c0d
OKLCHoklch(31.5% 0.115 27)
RoleInk
find sites →
Hex#a46558
OKLCHoklch(57.3% 0.085 32)
RoleAccent
find sites →
Hex#c7baad
OKLCHoklch(79.6% 0.023 67)
RoleDetail
find sites →

How to build one like this

Read off the live site. Treat it as reference, not a recipe.

Download .md View raw ↗

Type ramp

Role	Family	Size	Weight	Leading	Sample
h2	__faxi_9681b7	42px	400	0.98	Aa Bb Cc
h3	__faxi_9681b7	26px	400	1.23	Aa Bb Cc
body	__ppNeueMontreal_178781	16px	400	1.5	Aa Bb Cc
button	__Inter_f367f3	16px	400	1.5	Aa Bb Cc

Radius scale

0px

2px

8px

12px

Container

Max content width 1440px

Export

:root {
  --color-dominant: #88351f;
  --color-surface: #fcf4e4;
  --color-ink: #5f0c0d;
  --color-accent: #a46558;
  --color-detail: #c7baad;
}

/* CSS variables exposed by source */
:root {
  --font-pp-neue: "__ppNeueMontreal_178781","__ppNeueMontreal_Fallback_178781";
  --font-faxi: "__faxi_9681b7","__faxi_Fallback_9681b7";
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-skew-x: 0;
  --tw-shadow: 0 0 #0000;
  --tw-translate-x: 0;
  --tw-ring-offset-width: 0px;
  --tw-scroll-snap-strictness: proximity;
  --tw-border-spacing-x: 0;
  --tw-scale-x: 1;
  --tw-shadow-colored: 0 0 #0000;
  --tw-border-spacing-y: 0;
  --tw-scale-y: 1;
  --tw-skew-y: 0;
  --tw-ring-color: rgba(59,130,246,.5);
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-ring-offset-color: #fff;
}

For your coding agent

Drop-in prompt

Paste this into Claude Code, Cursor, or any chat-based agent. Pairs the captured tokens with a short brief so the model has both the style and the goal in one block.

Build a landing page in the visual style of Fisch & Tisch · Professionals.
Reference design system (extracted from the live site):
- Palette: #88351f, #fcf4e4, #5f0c0d, #a46558, #c7baad
- Typefaces: __faxi_9681b7, __ppNeueMontreal_178781, __Inter_f367f3
- Macrostructure: Marquee Hero
Use the dominant colour for surfaces, the accent sparingly,
and lean on type weight + scale rather than colour for hierarchy.
Full DESIGN.md: https://inspomcp.dev/api/design/fischundtisch-de--en-professionals

Sites that feel similar

Same macrostructure, different voice.

Role

Family

Size

Weight

Leading

Tracking

Sample

__faxi_9681b7

42px

400

0.98

Aa Bb Cc

__faxi_9681b7

26px

400

1.23

Aa Bb Cc

body

__ppNeueMontreal_178781

16px

400

1.5

Aa Bb Cc

button

__Inter_f367f3

16px

400

1.5

Aa Bb Cc

:root { --color-dominant: #88351f; --color-surface: #fcf4e4; --color-ink: #5f0c0d; --color-accent: #a46558; --color-detail: #c7baad; } /* CSS variables exposed by source */ :root { --font-pp-neue: "__ppNeueMontreal_178781","__ppNeueMontreal_Fallback_178781"; --font-faxi: "__faxi_9681b7","__faxi_Fallback_9681b7"; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-skew-x: 0; --tw-shadow: 0 0 #0000; --tw-translate-x: 0; --tw-ring-offset-width: 0px; --tw-scroll-snap-strictness: proximity; --tw-border-spacing-x: 0; --tw-scale-x: 1; --tw-shadow-colored: 0 0 #0000; --tw-border-spacing-y: 0; --tw-scale-y: 1; --tw-skew-y: 0; --tw-ring-color: rgba(59,130,246,.5); --tw-translate-y: 0; --tw-rotate: 0; --tw-ring-offset-color: #fff; }

Build a landing page in the visual style of Fisch & Tisch · Professionals. Reference design system (extracted from the live site): - Palette: #88351f, #fcf4e4, #5f0c0d, #a46558, #c7baad - Typefaces: __faxi_9681b7, __ppNeueMontreal_178781, __Inter_f367f3 - Macrostructure: Marquee Hero Use the dominant colour for surfaces, the accent sparingly, and lean on type weight + scale rather than colour for hierarchy. Full DESIGN.md: https://inspomcp.dev/api/design/fischundtisch-de--en-professionals