№ fischundtisch-de--en-shop

Part of Fisch & Tisch - 5 pages captured →

Fisch & Tisch · Shop

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

Catalogueminimalism editorial furniture ecommercelight

A high-end furniture shop featuring a cream-toned background and generous white space. The typography is a clean, bold sans-serif centered in a spacious hero area above a uniform product grid. · minimalist ecommerce, luxury furniture shop, cream aesthetic, editorial layout, high end product grid

Fisch & Tisch · Shop - mobile — Mobile · 375

Hero - desktop 1440 × 900 · mobile 375

See history ↻Visit source ↗

The whole page, top to bottom - desktop & mobile

Palette

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

Reads as: earthy · muted

SwatchHexOKLCHSuggested roleCopy

Hex#bf643f
OKLCHoklch(60.3% 0.128 42)
RoleDominant
find sites →
Hex#fcf4ec
OKLCHoklch(97.1% 0.014 68)
RoleSurface
find sites →
Hex#542c1c
OKLCHoklch(34.2% 0.065 42)
RoleInk
find sites →
Hex#948c74
OKLCHoklch(64.0% 0.036 92)
RoleAccent
find sites →
Hex#ccc4a5
OKLCHoklch(81.9% 0.043 95)
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
h1	__faxi_9681b7	72px	400	1.11	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

4px

Container

Max content width 1440px

Export

:root {
  --color-dominant: #bf643f;
  --color-surface: #fcf4ec;
  --color-ink: #542c1c;
  --color-accent: #948c74;
  --color-detail: #ccc4a5;
}

/* 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 · Shop.
Reference design system (extracted from the live site):
- Palette: #bf643f, #fcf4ec, #542c1c, #948c74, #ccc4a5
- Typefaces: __faxi_9681b7, __ppNeueMontreal_178781, __Inter_f367f3
- Macrostructure: Catalogue
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-shop

Sites that feel similar

Same macrostructure, different voice.

Role

Family

Size

Weight

Leading

Tracking

Sample

__faxi_9681b7

72px

400

1.11

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: #bf643f; --color-surface: #fcf4ec; --color-ink: #542c1c; --color-accent: #948c74; --color-detail: #ccc4a5; } /* 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 · Shop. Reference design system (extracted from the live site): - Palette: #bf643f, #fcf4ec, #542c1c, #948c74, #ccc4a5 - Typefaces: __faxi_9681b7, __ppNeueMontreal_178781, __Inter_f367f3 - Macrostructure: Catalogue 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-shop