SearchSubmit
MUUDS

Curated catalog of analyzed web design.

ZapConnect 2026

A poetic fusion of retrofuturistic sci-fi illustration and refined literary editorial design. Vast Moebius-inspired cityscape art bathed in warm sunset gradients is paired with delicate serif display typography and crisp cream paper textures. The experience bridges technical enterprise software with dreamy, visionary worldbuilding.

dreamyquietplayfulwarmeditorialbold
Visit site ↗

Colour

Background#f8f4f0
Text#201515
Accent#ff4f00
Surface#201515
Muted#605d52

Typefaces

Display
Tiempos Headline Light
Body
Inter
Mono
—
Source
google
Scale
12 · 14 · 16 · 20 · 24 · 36

Layout

Grid
—
Container
—
Spacing base
4px
Radius
4px

Capture

Category
saas
Sections
14
Captured
2026-08-27
Rhythm
dark x4 → light x6 → dark → light x3

Type rules

  • display headlines set in Tiempos Headline Light with loose line-height
  • body copy set in Inter with tight tracking and a measure up to 80 characters
  • eyebrows and metadata tags in uppercase Inter with wide letter spacing

Colour rules

  • warm cream (#f8f4f0) serves as the primary canvas for content-heavy sections
  • deep chocolate brown (#201515) anchors cinematic storytelling hero and announcement cards
  • signature bright orange (#ff4f00) reserved exclusively for small square accents and interactive highlights

Voice rules

  • use succinct, punchy three-word imperative statements for top-level hero display
  • ground high-level AI narrative in pragmatic operational outcomes

Holds it together

  • pair intricate comic-style architectural artwork with minimal, elegant serif headlines
  • punctuate section headers with a tiny orange square accent centered above
  • organize speaker profiles and agenda items in restrained multi-column editorial grids separated by hairline rules

Contrast

text on background16.3:1 AAA
muted text on background6.0:1 AA
accent on background3.0:1 AA Large
background on accent3.0:1 AA Large

Type, measured

Body
20px / 1.2
Measure
80 characters
Display
148px / 1
Tracking
0em display
Scale ratio
1.65

Voice

Tone
visionary, editorial, approachable
Sentences
medium
Person
second
Vocabulary
plain
Calls to action
register, save, explore, submit

Built with

Builder
framer
Framework
—
Motion
lenis
WebGL
—
Nav
top_bar, 5 items
Length
14.1 screens

Colour, by area

accent on container, primary_button
#f8f4f0 0%#201515 0%#000000 0%#fffefb 0%#ffb385 0%#1b4380 0%

Sections in page order

3 strongest marked · 14

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

  1. 00

    hero

    Surreal illustrated cityscape floating in clouds beneath a glowing sunset, framed by elegant display serif typography.

    Mood
    dreamy + nostalgic
    Layout
    12 col · centered · airy
    Open section →
    Surreal illustrated cityscape floating in clouds beneath a glowing sunset, framed by elegant display serif typography.
  2. 01

    hero

    Vast, dark emptiness envelopes a solitary illustrated figure ascending a warm golden hill in poetic isolation.

    Mood
    quiet + dreamy
    Layout
    12 col · full bleed · airy
    Open section →
    Vast, dark emptiness envelopes a solitary illustrated figure ascending a warm golden hill in poetic isolation.
  3. 02

    other

    A silent, monolithic dark brown band creating empty transitional space.

    Mood
    quiet
    Layout
    12 col · full bleed · airy
    Open section →
    A silent, monolithic dark brown band creating empty transitional space.
  4. 03

    other

    Strongest

    An expansive dark chocolate brown canvas creating a deep, quiet pause within the page flow.

    Mood
    quiet + luxurious
    Layout
    10 col · full bleed · airy
    Open section →
    An expansive dark chocolate brown canvas creating a deep, quiet pause within the page flow.
  5. 04

    cta

    Strongest

    A crisp white registration form floats serenely over an intricate, warmly colored comic-style urban landscape.

    Mood
    playful + warm
    Layout
    1 col · centered · balanced
    Open section →
    A crisp white registration form floats serenely over an intricate, warmly colored comic-style urban landscape.
  6. 05

    showcase

    A warm peach canvas with a soft radial glow anchors floating testimonial cards, logos, and dreamy imagery around an elegant serif headline.

    Mood
    warm + dreamy
    Layout
    16 col · asymmetric · airy
    Open section →
    A warm peach canvas with a soft radial glow anchors floating testimonial cards, logos, and dreamy imagery around an elegant serif headline.
  7. 06

    logo bar

    A warm peach-tinted logo ticker displaying past conference speakers and attendees with soft horizontal fade edges.

    Mood
    warm + quiet
    Layout
    15 col · stacked · balanced
    Open section →
    A warm peach-tinted logo ticker displaying past conference speakers and attendees with soft horizontal fade edges.
  8. 07

    team

    A warm, editorial speaker lineup pairing headshots over illustrated backdrops with elegant serif typography and delicate column rules.

    Mood
    editorial + warm
    Layout
    11 col · grid · balanced
    Open section →
    A warm, editorial speaker lineup pairing headshots over illustrated backdrops with elegant serif typography and delicate column rules.
  9. 08

    feature grid

    Restrained, text-only editorial feature section presenting three key event benefits on a warm neutral background.

    Mood
    editorial + warm
    Layout
    6 col · grid · airy
    Open section →
    Restrained, text-only editorial feature section presenting three key event benefits on a warm neutral background.
  10. 09

    cta

    Strongest

    Two rich, illustrated banner cards invite exploration into a dreamy retrofuturistic world with elegant editorial serif typography.

    Mood
    dreamy + editorial
    Layout
    12 col · grid · balanced
    Open section →
    Two rich, illustrated banner cards invite exploration into a dreamy retrofuturistic world with elegant editorial serif typography.
  11. 10

    announcement

    An authoritative editorial announcement pairing dark, bookish serif typography with a stark, high-contrast orange media card.

    Mood
    editorial + bold
    Layout
    16 col · stacked · balanced
    Open section →
    An authoritative editorial announcement pairing dark, bookish serif typography with a stark, high-contrast orange media card.
  12. 11

    cta

    A quiet and refined CTA section framed by rhythmic vertical accents and elegant editorial typography on a warm cream canvas.

    Mood
    editorial + quiet
    Layout
    16 col · centered · airy
    Open section →
    A quiet and refined CTA section framed by rhythmic vertical accents and elegant editorial typography on a warm cream canvas.
  13. 12

    faq

    A sparse, confident section header pairing a massive graphic brand wordmark with a delicate serif FAQ label across warm negative space.

    Mood
    bold + quiet
    Layout
    16 col · stacked · airy
    Open section →
    A sparse, confident section header pairing a massive graphic brand wordmark with a delicate serif FAQ label across warm negative space.
  14. 13

    faq

    An ultra-clean, minimalist accordion FAQ stacked linearly over a warm cream canvas.

    Mood
    quiet + warm
    Layout
    13 col · stacked · airy
    Open section →
    An ultra-clean, minimalist accordion FAQ stacked linearly over a warm cream canvas.

More like this

by shared mood