Dual header layout

Two bars: search and account above, the menu below. Calm and familiar for content-heavy products.

All layouts

Sales this month

$54,276

+1.3% vs September 1 to 28

Orders this month

348

−1.1% vs September 1 to 28

Customers

3,629

all time

Conversion

3.89%

+0.04 pts vs September 1 to 28

Sales

This year by month, $526,942 so far

Set the attribute on the element that holds the frame:

HTML

<div class="app" data-layout="dual-header">

In React and Next.js, set it for every page in src/lib/layouts.ts.

Latest orders
Order	Customer	Placed	Status	Total
#11330	NS Nora SvenssonSweden	Oct 28, 10:02	Delivered	$204.12
#11329	LW Liam WalshIreland	Oct 28, 09:14	Delivered	$160.92
#11328	AT Ava ThompsonUnited States	Oct 28, 07:27	Processing	$93.32
#11327	NS Nora SvenssonSweden	Oct 28, 07:23	Processing	$82.52
#11326	SG Sean GallagherUnited States	Oct 27, 23:37	Shipped	$160.92
#11325	JW Julia WeberGermany	Oct 27, 20:14	Processing	$33.92