One kit for the new LanderLab: the dashboard, the editor and the AI tools.

Ink and lavender. Text is a cool ink, not pure black. Surfaces and lines are a very light lavender, so the app never looks grey.

One blue. Blue #266BF5 is for actions. Lighter blues show data and the light buttons.

Signals. Green goes up, red goes down, violet means AI and gold means rewards. Each quick action gets its own soft tile.

Two families. Lato carries the interface: titles, buttons and the editor panels. Inter carries the data: tables, cards and the prompt box.

A short scale. Nine styles, from a 32 px page hero down to 12 px labels. Most of the app is 14 px.

Small parts, small corners. Fields get 2 px, cards and modals 10 px, the hero 30 px. Chips are pills.

A line before a shadow. Cards sit on a 1 px lavender line. Only things that float get a shadow. Focus gets a soft blue glow, and AI a violet one.

One outline set. Icons are 24 px with a 1.5 px stroke and round ends. The active one turns blue on a light blue tile.

One primary per bar. Publish is the only filled button in the editor bar. Save is light blue and Preview has no background.

Chips. Credits, Ask AI, New, Claimed and “+3 credits” say a lot in a few letters.

Numbers first. A stat card shows the value, the change against yesterday and a small line chart. Up is green, down is red.

Limits and tables. A limit bar turns red when you pass your plan. Table rows are set in Inter, and the sorted column turns blue.

Label left, control right. Every row in the editor panel is 32 px: a label, then a select, a segment group, a slider or a colour field.

One theme. Lander Theme sets the fonts and colours for the whole page in one place.

One job each. A popup does one thing: it shows the live link, or it lists the next steps and the credits they pay.

Empty, but not blank. Light line drawings in the same lavender show what will appear on the page.

A glow means AI. The prompt box, AI insights and AI refinement share a soft glow and a gradient edge, so people always know where AI can help.

Badges to earn. Each goal has its own glass badge. It stays lavender until you earn it, then the colour arrives.

The dashboard. The prompt box, quick actions, stat cards, a table and rewards, all from the kit.

The editor. The top bar, Lander Theme and the style manager around the page you build. One shared library is a big part of why development on LanderLab got 72% faster.