Zum Inhalt
Fundament

Schaufenster

heroes · 17 Sections

← zum Katalog

heroes/hero-ai-terminal

AI hero section with a terminal that types a prompt and streams an agent's plan while a dashboard assembles beside it.

see · standard · freedesignmd · Insel · 2 Slots

Agent Terminal Hero — ueberschrift (h1, 72 Zeichen)

Agent Terminal Hero — vorspann (p, 240 Zeichen)

Fathom Agent 3, now with background tasks

Describe it.
Review it. Ship it.

An autonomous engineer that reads your codebase, writes the change, runs the tests and opens the pull request, while you stay in flow.

Install for VS Code

Example session: the prompt “build a billing dashboard: MRR, churn and failed payments, use our design tokens” produces a plan that reads the schema, edits two files, passes 12 tests and renders a billing dashboard preview.

heroes/hero-auto-scrub

Scrollytelling hero section: a 300vh sticky scene where an EV drives through a tunnel of light as specs count up.

see · standard · freedesignmd · Insel · 2 Slots

EV Scrollytelling Hero — ueberschrift (h1, 72 Zeichen)

EV Scrollytelling Hero — vorspann (p, 240 Zeichen)

Configure

Aurel GT

Quiet, until it isn’t.

From €89,900 · deliveries spring 2027

0s
0–100 km/h with launch control
0km
WLTP range on a single charge
0min
10–80% on a 350 kW charger

Designed in Gothenburg. Built in Graz. Charged anywhere.

heroes/hero-climate-data

Data hero section with a dotted canvas globe, pulsing energy arcs and live MW and tCO₂ counters.

see · standard · freedesignmd · Insel · 2 Slots

Grid Globe Hero — ueberschrift (h1, 72 Zeichen)

Grid Globe Hero — vorspann (p, 240 Zeichen)

Book a demo

Gridline · virtual power plant

Every battery, turbine and panel one grid that thinks.

Gridline orchestrates 3,214 distributed energy sites across 19 markets, dispatching clean power in under 200 ms when the grid needs it most.

Clean power dispatched now
18,432.6MW
CO₂ avoided this year
2,841,907tCO₂
Batteries & farms online
3,214sites

heroes/hero-data-ticker

Data hero section built on live numbers: a rolling headline figure, a scrubbable 24 h SVG chart and a market ticker band.

see · standard · freedesignmd · Insel · 2 Slots

Grid Newsroom Hero — ueberschrift (h1, 72 Zeichen)

Grid Newsroom Hero — vorspann (p, 240 Zeichen)

Monday 2 November 2026Edition 1,412

The Baseload

Live, German grid14:32 CET

Renewable share 71.4 percent, up 0.4 points.

Germany is running on 71.4% renewable power. Day-ahead prices slide to €84.12 as the wind holds.

Wind output
38.1 GW
Day-ahead
84.12 €/MWh
Carbon intensity
210 g/kWh

By Marta Kühn, energy desk. Data refreshed every 15 minutes from grid operator feeds.

Markets
14:30
  • DE-LU base84.12€/MWh▼ 3.2%
  • FR base61.40€/MWh▲ 1.1%
  • NL base86.03€/MWh▼ 2.4%
  • PL base112.70€/MWh▲ 0.6%
  • ES base42.18€/MWh▼ 7.9%
  • NO238.90€/MWh▲ 4.3%
  • EUA Dec-2671.34€/t▼ 0.8%
  • TTF front31.20€/MWh▲ 0.4%
  • Cal-27 DE88.50€/MWh▼ 0.3%

heroes/hero-fashion-editorial

Editorial fashion hero section: a giant serif masthead over three campaign photos, revealed by clip-path wipes.

see · standard · freedesignmd · Insel · 2 Slots

Maison Editorial Hero — ueberschrift (h1, 72 Zeichen)

Maison Editorial Hero — vorspann (p, 240 Zeichen)

Automne-Hiver 2026Collection N° 38Paris · Milano · Tokyo

The Autumn-Winter collection

Forty-one looks cut in Biella wool, Como silk and the softest double-faced cashmere we have ever woven. Shown in Paris, 3 March.

Close crop of terracotta double-faced cashmere falling in long soft folds
Look 07Double-faced cashmere coatTerracotta, hand-finished seams€4,900
An amber Vérane perfume bottle on a dark plinth under a warm arched alcove
N°38Vérane eau de parfumAmber, iris, cedar€285
Midnight-blue wool gabardine with cool highlights running down the drape
Look 21Wool gabardine trenchNocturne, Biella cloth€3,600

heroes/hero-fintech-card

Fintech hero section with a CSS 3D metal card that tilts to the cursor, then flips and docks on scroll as stats count up.

see · standard · freedesignmd · Insel · 2 Slots

Ledger Card Hero — ueberschrift (h1, 72 Zeichen)

Ledger Card Hero — vorspann (p, 240 Zeichen)

New 2.4% back on every SaaS invoice

The corporate card that closes your books.

Metal cards for every employee, policy enforced at the swipe, and every receipt reconciled to your general ledger before the month is out.

SOC 2 Type II · Issued by Calder Trust Bank, N.A., Member FDIC

Amara Okonkwo · Corporate •••• 4021

October · Halden Robotics

Every swipe, already reconciled.

Spend under policy this month
$0
Receipts matched automatically
0
Days to close the books
0
Cashback earned
$0

Running finance at 38,000 companies, from seed to IPO

  • Halden Robotics
  • Northwind Bio
  • Kestrel Air
  • Oslo Freight
  • Marlow & Finch
  • Tidewater

heroes/hero-fullbleed-photo

Magazine cover hero with a full-bleed photo that develops from an overexposed print and a masthead that sets letter by letter.

see · standard · freedesignmd · Insel · 2 Slots

Letters Quarterly Cover Hero — ueberschrift (h1, 72 Zeichen)

Letters Quarterly Cover Hero — vorspann (p, 240 Zeichen)

Open handwritten notebooks and old black and white family photographs spread across a rust and sand coloured table
No. 11, Winter 2026

A quarterly of private letters

Four notebooks,one Marseille kitchen,1928 to 1931.

Odette Ferrand wrote to her daughter every Sunday for three years. We transcribed all 212 pages, translated them, and then went looking for the house.

Ships Fri 20 Nov, 148 pages, €18 an issue or €64 for four

  1. p. 14Her recipe for panisse, in her hand, with two crossings-out
  2. p. 52Who is the man in the third photograph? Readers wrote in
  3. p. 96How to read cursive from 1929: a short, patient guide

43°17′47″N 5°22′49″ERue d'Aubagne, MarseilleNotebook 2, p. 41Ferrand family archive

heroes/hero-health-calm

Healthcare hero section: a breathing gradient orb, an appointment stack that fans out and quiet trust stats.

see · standard · freedesignmd · Insel · 2 Slots

Calm Clinic Hero — ueberschrift (h1, 72 Zeichen)

Calm Clinic Hero — vorspann (p, 240 Zeichen)

Primary care, membership included

A doctor who knows you,
whenever you need one.

Same-day video visits, a care team that answers within the hour, and prescriptions sent to your pharmacy before you’ve put the kettle on.

median wait for a same-day visit
11 min
average rating from 62,000 patients
4.9
eligible · most insurers accepted
HSA/FSA
  1. Dr. Leila HaddadGeneral practice
    Ready
    Today · 4:30 pmVideo visit · 20 min
    Join waiting room
  2. Sam Whitlock, RDNutrition
    Thu 14 Nov · 9:00 amFollow-up · 30 min
  3. Dr. Mateo RuizDermatology
    Mon 18 Nov · 11:15 amPhoto review · async

heroes/hero-music-waveform

Music hero section for an album launch: giant condensed type, a generative sleeve, sliding vinyl and a reactive spectrum.

see · standard · freedesignmd · Insel · 2 Slots

Album Launch Hero — ueberschrift (h1, 72 Zeichen)

Album Launch Hero — vorspann (p, 240 Zeichen)

Try 3 months free

Noor Okafor

Out now · 11 tracks · 41 min

Now playingSaltwater Hymn
1:143:41
  1. 01Saltwater Hymn3:41
  2. 02Low Orbit (feat. Ana Brava)4:12
  3. 03Nine Floors Up2:58
Pre-save the vinyl

heroes/hero-probe

Hero mit Bewertungszeile direkt unter der Ueberschrift — fuer die Rueckflussprobe gebaut.

see · standard · kunde:probe · statisch · 3 Slots · Varianten: links, mitte

hero-probe — ueberschrift (h1, 72 Zeichen)

hero-probe — vorspann (p, 240 Zeichen)

hero-probe — knopf (button,

heroes/hero-product-stage

Product hero section: a perfume on a dark stage under a pointer-driven spotlight, with an edition picker that swaps the bottle.

see · standard · freedesignmd · Insel · 2 Slots

Fragrance Stage Hero — ueberschrift (h1, 72 Zeichen)

Fragrance Stage Hero — vorspann (p, 240 Zeichen)

Collection Ombre, Paris, Hiver 2026

Bag 0

Eau de parfum, 01 of 05

VéraneNoir 01

Leather, smoke

Top
Black tea, bergamot
Heart
Birch tar, iris
Base
Labdanum, suede
Amber glass bottle of Vérane Noir 01 on a dark stone plinth

Batch 0412, Grasse, bottled 03.10.2026

Edition

Concentration
22%
Sillage
9 h
Volume
50 ml

€210

Free 2 ml sample of every edition with your order. Engraving included.

heroes/hero-realestate-split

Real estate hero section: a split layout with a topographic SVG map, price pins and a drag carousel of villas.

see · standard · freedesignmd · Insel · 2 Slots

Private Office Hero — ueberschrift (h1, 72 Zeichen)

Private Office Hero — vorspann (p, 240 Zeichen)

Book a valuation

Private Office · Amalfi Coast

Homes that rarely
come to market.

Forty-one villas between Positano and Ravello that never reach a portal. Shown by appointment, and represented by one partner from the first viewing to the notary's signature.

Sold this season
  • Via Pasitea, Positano€6.4M+3.1%
  • Via Smeraldo, Praiano€3.85M+1.8%
  • Lungomare, Atrani€2.2M−0.6%
  • Via San Giovanni, Ravello€4.95M+2.4%
  • Fornillo, Positano€7.1M+4.0%
  • Via Annunziata, Minori€1.9M+0.9%
Infinity pool under a lemon pergola looking out over the bayNew

Positano

Casa dei Limoni

  • 5 bed
  • 4 bath
  • 412 m²
€4,250,000

Sea view, lemon terrace

Stone courtyard with a plunge pool, loungers and lemon trees, the sea beyond

Praiano

Villa Sette Scale

  • 4 bed
  • 3 bath
  • 238 m²
€2,890,000

Courtyard pool

Pale bedroom with linen drapes opening onto a terrace above the seaUnder offer

Ravello

Palazzo Ruggi, piano nobile

  • 3 bed
  • 2 bath
  • 186 m²
€1,975,000

Vaulted rooms, 330 m up

Terraced village stepping down a cliff to the sea at sunset

Conca dei Marini

Torre di Conca

  • 3 bed
  • 3 bath
  • 201 m²
€3,150,000

Watchtower, private steps

01 / 04 · Positano

heroes/hero-saas-bento

SaaS hero section with a live bento grid where every tile runs a micro-interaction, plus a pointer spotlight.

see · standard · freedesignmd · Insel · 2 Slots

Bento Product Hero — ueberschrift (h1, 72 Zeichen)

Bento Product Hero — vorspann (p, 240 Zeichen)

Workflows 2.0See what’s new

Every purchase approved before the money moves.

Plinth routes every purchase request, enforces policy before money moves, and syncs approved spend to NetSuite in real time.

Product preview: spend chart, live approval notifications, policy toggles, approver chain, ERP sync status and a command bar.

Trusted by finance teams at
  • Northwind
  • Halden
  • Kestrel
  • Oslo Freight
  • Marlow & Finch

heroes/hero-split-screen

Split screen hero section: two colour fields that spring open on hover or tap, each with its own type, product and CTA.

see · standard · freedesignmd · Insel · 2 Slots

Spend / Save Split Hero — ueberschrift (h1, 72 Zeichen)

Spend / Save Split Hero — vorspann (p, 240 Zeichen)

Personal, Business, Kids

A debit card that tells you where the money went before you have left the shop.

  • Bäckerei RöslerPrenzlauer Berg, 08:12−€3.40+€0.60 to Save
  • BVG MonatskarteBerlin AB, 08:40−€58.00+€0.00 to Save
  • DussmannFriedrichstraße, 13:05−€22.75+€0.25 to Save
Get the card

No fees abroad in 31 countries. Freeze it from your lock screen.

Open an account

Pots that fill themselves with your spare change, at 2.75% paid every month.

Lisbon in June77%, by 14 May
€1,840.00of €2,400.00
All pots, earning 2.75% AER€4,182.36
Open a pot

Deposits protected up to €100,000 by the German deposit scheme.

heroes/hero-travel-parallax

Travel hero section for a Kyoto ryokan: a garden photo behind sliding shoji screens, washi copy column and a booking bar.

see · standard · freedesignmd · Insel · 2 Slots

Ryokan Shoji Hero — ueberschrift (h1, 72 Zeichen)

Ryokan Shoji Hero — vorspann (p, 240 Zeichen)

Reserve

Higashiyama, Kyoto · 35.00°N · 9 rooms

Nine rooms,
one garden,
no hurry.

A 1926 machiya off Shinmonzen-dōri, restored joint by joint. Cypress baths, kaiseki by Aya Morikawa, and a moss garden raked at six every morning before anyone is up.

Bath
Hinoki, 06:00 to 23:00
Dinner
Kaiseki at 18:30
Maples
Peak 18 to 30 Nov
A tatami room with a cypress soaking tub, its shoji open onto a moss garden under a red maple

Room 4, Kaede. North garden, 07:40

Guests
2

Nine rooms, each with its own corner of the garden.

  • TsukiGarden room · 32 m²from ¥68,000
  • KaedeCorner room, hinoki tub · 41 m²from ¥84,000
  • HanareThe detached house · 66 m²from ¥142,000

heroes/hero-type-only

Typography hero section with no images: a giant specimen word whose letters swell in weight under the pointer.

see · standard · freedesignmd · Insel · 2 Slots

Type Foundry Hero — ueberschrift (h1, 72 Zeichen)

Type Foundry Hero — vorspann (p, 240 Zeichen)

Anfrage (0)

Release No. 14/Out 11.11.2026

wght500x0.50auto

01Family
Marke Grotesk
02Styles
18, nine weights with italics
03Axes
wght 100 to 900, opsz 8 to 144
04Glyphs
1,214 per style
05Scripts
Latin, Cyrillic, Greek, 219 languages
06Drawn by
Ines Vogt, Basel, 2023 to 2026

Marke Grotesk Book, 32/36Fog lifts off the Rhine at 07:40; the 8 tram to Kleinhüningen is quietly, reliably late.

Family from EUR 480
Desktop, web and app licences

Angebot anfordernKostenlose Beratung

heroes/hero-typo

Hero ohne Bild: grosse Ueberschrift, Vertrauenszeile direkt darunter, eine Aktion, ein Beleg. Fuer Betriebe ohne gutes Fotomaterial.

see · standard · eigen · statisch · 6 Slots · Varianten: gross, band

hero-typo — kicker (klein, 60 Zeichen)

hero-typo — ueberschrift (h1, 90 Zeichen)

[★ Wert][n] Bewertungen

hero-typo — vorspann (p, 260 Zeichen)

hero-typo — knopf (button, 2hero-typo — knopf_zweit (buthero-typo — beleg (klein, 120 Zeichen)