SearchSubmit
MUUDS

Curated catalog of analyzed web design.

podpunkt-pl

Warm, graphic editorial design rooted in Swiss typographic rigor and tactile packaging craft. Crisp black gridlines divide soft cream expanses, energized by punchy vermilion orange typography and bespoke illustrations.

editorialplayfulwarm
Visit site

Rated

6.7/ 10

From 9 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.

AI scorejudged
9.6
Systemmeasured
4.0
Distinctionmeasured
5.2
on the grid
19%
vertical rhythm
64%
type on a scale
57%
contrast passing AA
20%
unlike the library
0.23
model craft
8.0/10
model deviation
6.0/10

Colour

Background#faf5f0
Text#ff4600
Accent#ff4600
Surface#ffffff
Muted#000000

Typefaces

Display
Instrument Sans Variable
Body
Instrument Sans Variable
Mono
—
Source
self_hosted
Scale
12 · 14 · 16 · 18 · 36 · 84

Layout

Grid
—
Container
—
Spacing base
4px
Radius
0px

Capture

Category
studio
Sections
9
Captured
2026-08-30
Rhythm
cream x3 → dark → cream x3 → white → cream

Type rules

  • body text set in Instrument Sans at 18px with narrow measures under 50 characters
  • display headlines use sentence-case vermilion typography across multi-column layouts

Colour rules

  • warm cream (#faf5f0) covers over 90 percent of the background area
  • vermilion orange (#ff4600) acts simultaneously as the primary text color and loud accent
  • structural divisions rely on crisp black hairline borders

Voice rules

  • use witty cultural references for contact prompts
  • keep credentials brief and punchy

Holds it together

  • divide content into multi-column grid cells bounded by fine hairline borders
  • render lead typography and high-priority text in vermilion orange rather than black
  • integrate witty iconography or custom illustration directly alongside body copy

Contrast

text on background3.2:1 AA Large
muted text on background19.4:1 AAA
text on surface3.4:1 AA Large
accent on background3.2:1 AA Large
background on accent3.2:1 AA Large

Type, measured

Body
18px / 1.4
Measure
46 characters
Display
84px / 1.2
Tracking
0em display
Scale ratio
1.47

Voice

Tone
witty, confident, approachable
Sentences
short
Person
first
Vocabulary
plain
Calls to action
learn, meet, see, touch

Built with

Builder
webflow
Framework
—
Motion
gsap, swiper
WebGL
—
Nav
top_bar, 11 items
Length
8.1 screens

Sections in page order

3 marked strong · 9

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

  1. 00

    hero

    An airy, design-forward studio hero pairing warm cream architecture and vibrant orange typography with tactile packaging imagery.

    Mood
    editorial + warm
    Layout
    2 col · asymmetric · airy
    Open section →
    An airy, design-forward studio hero pairing warm cream architecture and vibrant orange typography with tactile packaging imagery.
  2. 01

    statement

    Clean Swiss-inspired typographic statement dividing a Saul Bass quote across a three-column grid of design capabilities.

    Mood
    editorial + raw
    Layout
    3 col · grid · airy
    Open section →
    Clean Swiss-inspired typographic statement dividing a Saul Bass quote across a three-column grid of design capabilities.
  3. 02

    stats

    Monochrome editorial stats section using fine grid lines and bold warm orange typography across structured columns.

    Mood
    editorial + bold
    Layout
    3 col · grid · balanced
    Open section →
    Monochrome editorial stats section using fine grid lines and bold warm orange typography across structured columns.
  4. 03

    stats

    Strong

    A vibrant, graphic industry distribution grid pairing oversized statistics with rich, colorful surreal illustrations across modular color blocks.

    Mood
    playful + editorial
    Layout
    1 col · grid · dense
    Open section →
    A vibrant, graphic industry distribution grid pairing oversized statistics with rich, colorful surreal illustrations across modular color blocks.
  5. 04

    feature grid

    Strong

    Quiet, swiss-inspired typographic grid with stepped vertical alignment and precise orange linework on warm cream.

    Mood
    editorial + quiet
    Layout
    3 col · grid · airy
    Open section →
    Quiet, swiss-inspired typographic grid with stepped vertical alignment and precise orange linework on warm cream.
  6. 05

    statement

    A warm, airy statement section pairing bold vibrant orange typography with a playful inline eye illustration against a soft cream canvas.

    Mood
    playful + warm
    Layout
    6 col · stacked · airy
    Open section →
    A warm, airy statement section pairing bold vibrant orange typography with a playful inline eye illustration against a soft cream canvas.
  7. 06

    showcase

    Warm, artful portfolio case study showcasing coffee branding through a composite of cafe photography, botanical illustration, and energetic vermilion typography.

    Mood
    warm + editorial
    Layout
    1 col · asymmetric · balanced
    Open section →
    Warm, artful portfolio case study showcasing coffee branding through a composite of cafe photography, botanical illustration, and energetic vermilion typography.
  8. 07

    testimonial

    Strong

    A warm, disciplined editorial layout balancing an oversized vermilion testimonial with a structured client index.

    Mood
    editorial + warm
    Layout
    2 col · split · airy
    Open section →
    A warm, disciplined editorial layout balancing an oversized vermilion testimonial with a structured client index.
  9. 08

    footer

    Warm, playful contact footer pairing punchy orange typography with crisp, spacious directory details on a soft cream ground.

    Mood
    playful + warm
    Layout
    2 col · split · airy
    Open section →
    Warm, playful contact footer pairing punchy orange typography with crisp, spacious directory details on a soft cream ground.

More like this

by shared mood