Order #4479 Marguerite Lowe
Hellebore ‘Ice n’ Roses’
Two plants in 2 L pots, in bud.
2 × $18.50
Delivery $6.50
$43.50
Tuesday, October 27
Priya brings it in the morning, 9:00 AM to 12:00 PM
Van 1
Paper, two tints and one ink.
Meadow is one set of tokens and 66 restyled shadcn-svelte components for Svelte 5 and Tailwind 4, built to be copied a piece at a time.
Seven groups of components.
Each group has its own page, with every component shown on paper, on the colour blocks and on the ink card.
- Actions Pill buttons in four sizes, grouped buttons, toggles, badges and keyboard keys. 6 components
- Forms Text entry, choices, switches, sliders and dates, laid out with fields. 18 components
- Navigation Menus, tabs, breadcrumbs, pagination and the sidebar. 8 components
- Containment Cards, lists, accordions and the surfaces that hold content. 11 components
- Overlays & feedback Dialogs, sheets, popovers and tooltips, plus alerts, progress and loading. 12 components
- Data Tables, sortable data tables and charts in the brand colours. 3 components
- Conversation Messages, attachments, code blocks and the pieces of a chat interface. 8 components
Four palettes.
Each is five colours: paper, a warm tint, a cool tint, an ink and a softer ink. Every palette has a dark mode, switched with the sun and moon in the header.
Meadow
Cream paper, butter and lilac, deep green ink.
Orchard
Ivory paper, apricot and sage, plum ink.
Shore
Cool paper, sand and sky, navy ink.
Clay
Stone paper, terracotta and mist, espresso ink.
The rules it keeps.
Paper and ink
The page is paper. Text, hairlines, buttons and the closing card are all one deep ink.
Two colour blocks
A warm tint opens every page and a cool tint marks a change of subject. Nothing else gets a colour.
Pills and hairlines
Buttons, inputs and badges are pills. Lists are split by 1px ink lines instead of boxed in cards.
Manrope and DM Sans
Headings in Manrope 800, buttons in Manrope 700, everything else in DM Sans, all in sentence case.
No shadows, no gradients
Menus and dialogs are paper with an ink outline. Every colour is flat.
Tokens only
Components use the semantic tokens, so a new palette or the dark mode needs no component changes.
It is a normal shadcn-svelte project.
Meadow runs on SvelteKit, Svelte 5 and Tailwind 4. There is no
package to install. Run the shadcn-svelte init in your app, then replace its CSS with src/routes/layout.css, which holds the tokens,
the four palettes and the type styles. It imports Manrope and DM Sans from Fontsource, so add
those two packages too.
Then copy the component folders you need from src/lib/components/ui. Each one lists its
imports at the top: bits-ui, the shared cn() helper, and sometimes another folder, such as Button.