Brand

Lolly brand standards

Lolly brings the sweetness. You bring the flavour.

Lolly turns a few simple inputs into finished, on-brand files. This page shows how Lolly looks, sounds and moves: pictures first, each with its rule in plain words.

The Lolly mark, upright in a soft box: three nested spirals of green and white

Who Lolly is

Your brand is the show. Lolly is the Studio.

Load a design system and Lolly steps back so your colours, type and files take the room. Lolly keeps the part people rarely notice: an interface that knows its craft, a cast with charm and work finished to a world-class standard.

You

The guest is the show

Your brand loads and the tools, colours and type become yours. The more you shape, the more you own.

Lolly

The expert in the room

A calm, exact interface that does the careful work and stays out of the way.

Fauna

The charm

Australian wildlife at work in the studio, with a lolly in hand when that helps.

Unapologetically digital, with a proud provenance.Founded by SUSEA brand of its own.

Tenets

all potential to all mediums

Respecting all work. Anyone, with what they own, creating for any medium at the highest quality.

Mantra

What stays so everything else can change.

Value

Anyone

Inclusion of all people and technology

Value

Easy

Quality made simple, choices scale.

Value

Honest

Attribution, provenance, privacy, & consent

A green infinity loop
Mission

creativity & trust amongst the infinite

anyone can create, at any scale, anywhere

Why Because we stand on the shoulders of giants

The mark

Three rings, three parties

A candy no one could pull by hand: three nested rings, where most lollies have one rope. You sit at the centre, Lolly holds the middle and the outer ring is Lolly at massive scale.

The Lolly mark, primary version
  1. Inner ring · YouThe person at the centre, with choice, power and creative freedom.
  2. Middle ring · LollyThe engine and the studio around you: the same inputs always make the same file.
  3. Outer ring · At ScaleLolly at massive scale: every person, team and file at once.
Primary mark on Sugar
Primary · on light
Reverse mark on Liquorice
Reverse · on dark
Mono mark in one ink on Sugar
Mono · one ink
Mono reverse mark in Sugar on Spearmint
Mono reverse
The Lolly wordmark in Liquorice on Sugar
Wordmark · Liquorice on light
The Lolly wordmark in Daylight on Liquorice
Reverse · Daylight
The Lolly wordmark in Green Apple on Spearmint, the brand ground
On brand · Green Apple
The mark with clear space around it
Clear space: a quarter all round
Wrong: the mark on a stick
No stick
Wrong: the mark on a glass dish
No dish
Wrong: the mark tilted and stretched
No tilt, no stretch
  • Bunyapine is the mark's green
  • Spearmint carries the reverse and mono marks
  • The wordmark is Liquorice on light, Daylight reversed and Green Apple on brand
  • Lolly's tone takes the guest's hue
  • Never a stick, a dish or a tilt under the mark
  • The stick appears only in small line icons and when Fauna holds the lolly

Opal · colour

Opal: treats and nature

Opal is named for its theme: natural treats. Every colour has a name you can remember instead of a number. Green leads everywhere Lolly owns; the rainbow comes from what people make.

Greens
Spearmint#033633
Bunyapine#008657
Green Apple#50c369
Pandanus#ace1ad
Avocado#edf6e0
Khaki#444f05
Olive#818e44
Warm: reds, relief and sun
Ochre#72251c
Bauxite#a43427
Outback#c55123
Arvo#ef9275
Banksia#ee9138
Honey#fac044
Wattle#fdec9e
Earth and sand
Bark#734f31
Pancake#d8b890
Beach#f2e1bf
Meringue#f9f7ef
Flowers and waters
Fuchsia#da1889
Donut#f39dbd
Jacaranda#7476e0
Lagoon#1a85c4
Sky#5fcaff
Reef#25c2c2
Swell#b6f1f1
Ink and light
Void#000000
Liquorice#09141a
Basalt#373e44
Pebble#99a0a4
Sugar#ffffff
DaylightHDR white
Charts take the mixed bag, in this order
Error words get a red of their own
Check the web addressBauxite · light
Check the web addressArvo · dark
Check the web addressOchre · High contrast
  • Green is the main hue, everywhere Lolly owns
  • Liquorice is the ink
  • Names, never numbers: Honey, not yellow-300
  • Violet and Jacaranda fit anywhere, AI association and all
  • No guest colour on a verdict

Opal · colourways

Colourways: one system, six moods

A colourway is a bundle: a lead, the colour that sits on the lead and a partner, with a look for light and a look for dark. Lolly Demo carries six. Choose one in any tool's Design system section and the choice stays with that piece. Wear one here and this page changes with you.

Contrast against WCAG 2.2text: words on the lead, 4.5:1 or morelead and partner: shapes on the page, 3:1 or more

Spearmint

Canonical

Lolly's own green.

LightExport PNG
Lead
Spearmint
On lead
Sugar
Partner
Bunyapine

text 13.3lead 13.3partner 4.6

DarkExport PNG
Lead
Green Apple
On lead
Liquorice
Partner
Bunyapine

text 8.3lead 8.3partner 4.0

Try in a link card

Morning

Sunrise

Sunrise with a clear sky.

LightExport PNG
Lead
Outback
On lead
Sugar
Partner
Lagoon

text 4.6lead 4.6partner 4.0

DarkExport PNG
Lead
Honey
On lead
Liquorice
Partner
Sky

text 11.3lead 11.3partner 10.1

Try in a link card

Spring

Blossom

Blossom on new leaves.

LightExport PNG
Lead
Fuchsia
On lead
Sugar
Partner
Olive

text 4.7lead 4.7partner 3.6

DarkExport PNG
Lead
Donut
On lead
Liquorice
Partner
Green Apple

text 9.2lead 9.2partner 8.3

Try in a link card

Beach

Surf and sand

Surf over sand, driftwood in the shade.

LightExport PNG
Lead
Lagoon
On lead
Liquorice
Partner
Bark

text 4.6lead 4.0partner 7.3

DarkExport PNG
Lead
Reef
On lead
Liquorice
Partner
Pancake

text 8.5lead 8.5partner 9.9

Try in a link card

Afternoon

Arvo

Red earth in the arvo sun.

LightExport PNG
Lead
Ochre
On lead
Sugar
Partner
Khaki

text 10.5lead 10.5partner 8.9

DarkExport PNG
Lead
Arvo
On lead
Liquorice
Partner
Banksia

text 8.0lead 8.0partner 7.8

Try in a link card

Midnight

Night sky

A Liquorice night with one Jacaranda star.

LightExport PNG
Lead
Liquorice
On lead
Sugar
Partner
Jacaranda

text 18.6lead 18.6partner 3.9

DarkExport PNG
Lead
Jacaranda
On lead
Liquorice
Partner
Swell

text 4.8lead 4.8partner 14.9

Try in a link card
  • A lead, the colour on the lead and a partner, never one hex
  • Every look clears 4.5:1 for words and 3:1 for shapes
  • Chosen for each piece and kept with the piece
  • The app's own chrome keeps Spearmint
  • No colourway on a verdict

Crossland · type

Crossland: three faces, one voice

Crossland is a tribute to Dave Crossland, who has spent years making the case for free fonts (see Shoulders of Giants), and to collaboration and cooperation across the countries we each call home. Outfit gives Lolly a headline voice of its own. SUSE carries the words and the italics, and SUSE Mono reads the code: enough of a nod to where Lolly comes from.

Outfit · headings

The sweetness stays.

SUSE · italics

The flavour is yours.

SUSE · text

Pick a tool and fill in a few fields, or lay out the page yourself on an open canvas. The finished file comes out right either way.

SUSE Mono · code

$ lolly qr-code --url=https://lolly.tools --export=png

  • Outfit for headings
  • SUSE for reading, and for every italic
  • SUSE Mono for code, numbers in columns and labels
  • No faux italics: Outfit has none

Clinic · interface

Clinic: a luxury experience, made with care to enjoy

Clinic is how Lolly's interface behaves: the forms, the components and the framework under them. Clinic leaves the colour to the guest and keeps the craft.

Focus rings stay loud

Every control shows a clear ring when keyboard focus arrives.

A full washChosen card
A railChosen card

No border on one edge of a rounded shape

Highlight with a wash, a full ring or space. Edges come from light: a hairline ring and a soft drop.

At restHoverSelected

No accent outline at rest

A neutral hairline at rest; the accent arrives with hover, selection and state.

Drop a file here
Not for empty states

Dashed means drop here

Also allowed: editing guides, the High contrast drag source and the forensic overlay.

IntactBrokenGEN AI

A signal is an icon and a word

Never colour alone. Verdict colours never take the guest's flavour.

LightSave
DarkSave
BrandSave

Three voltages

Light is the chalice, reserved. Dark is the ship, emissive. Brand is home, a ground built from the guest's hue.

PosterUnsaved
PosterUnsaved

A pack may set the chrome

Lolly Demo brings Avocado light, Liquorice dark and Honey for unsaved work. The blank pack keeps newsprint and noir.

Jelly effects

Jelly is opt-in

Playful effects stay off until someone turns them on, and they still obey Reduce motion.

Forms say what they want

A visible label on every field, plain words and errors that say how to fix the problem.

Etiquette · icons

Etiquette: good manners in a 24 pixel square

Etiquette is Lolly's icon set, drawn in the open line style of Lucide, at the same weight as the words beside each icon.

45° The lolly glyph · the one icon with a stick
Tools
QR
Chart
Image
Layout
Text
Layers
Adjust
Export
Share
Search
Verify
Place
Sound
Play
Next
Done
Close
Save
Projects
Colour
Date
Time
Send
  • 24 px grid, 2 px stroke, round caps and joins
  • One line weight, drawn open, in the colour of the words beside each icon
  • The lolly glyph leans candy top-right, stick bottom-left, at 45°
  • No other icon carries a stick

Devices

Built from a lolly's own shapes

A lolly is a disc, a spiral, a stripe, a stick and a wrapper. Every device comes from those shapes, so a new piece reads as Lolly before anyone sees the mark.

The swirl

One moving swirl per view, and only while something is happening: the render, the export, the send.

The lolly, upright in a soft box with a soft shadow beneath

The soft box

One subject on a sweep with no horizon, lit from above and in front, with nothing to stand on.

Tool prizes

Each tool as the object it makes, standing upright. No dish, no tilt.

Exporting · 62%

The stripe

The twist seen from the side: progress, the storage meter's hatch and the export shutter's stripes.

Made in Lolly · Content Credentials

The wrapper

Cellophane printed with the ingredients. Every picture keeps its caption, and Content Credentials say how the picture was made.

Lolly's tone
Lolly's tone, your hue
Your colours

Tone and hue

Lolly's tone with your hue at first. Once the system is yours, so are the colours.

A QR code made in Lolly A chart made in Lolly A layout made in Lolly's Design tool A graded photograph from Darkroom A street map made in Lolly A colour palette made in Lolly A video sequence made in Lolly An experiment from Lolly's lab Brand assets in Lolly
  • The rainbow comes from what people make
  • Lolly shows itself at the register, when you ask for a service
  • No dish, plinth or tilt under any subject

Fauna · the cast

Fauna: wildlife finds the studio

Fauna wandered into a production studio full of sweets and found Lolly. They are curious, capable and on your side, and each looks after a part of the work.

A koala holding a spearmint lolly
KoalaBuilders
A smiling quokka sitting up with a spearmint lolly
QuokkaCreators
A platypus holding a lolly stick in its bill
PlatypusOperators
A kookaburra holding a lolly in its beak
KookaburraDevelopers
An echidna standing over a large spearmint lolly
EchidnaLegal
An Australian white ibis holding a lolly in its beak
IbisAI
  • Studio light, full body, at eye level
  • One animal, one lolly, one light
  • The stick appears when Fauna holds the lolly
  • Every picture keeps the Content Credentials that say how the picture was made
  • Never fleeing, never bared teeth or raised claws

Unsaved edits

Save now or abandon your changes.

Fauna in the interface

A kangaroo for unsaved edits

The joey is the work you have not saved. When the dialog opens he leans back, looks up, then looks out, and the pouch line stretches with him. One single-weight line, coloured by the theme.

Motion and Calm

Still, until something happens

Lolly moves when you ask for something, and stands still when you ask for calm. Calm and Reduce motion show the still of every moving piece.

Try Calm: this page's colourful pictures quieten to half saturation and half contrast, and the swirl and the kangaroo hold still.

  • At most one thing moving
  • Only while something is happening
  • Calm and Reduce motion show stills
  • Jelly is opt-in

Two registers

The room for doing, the stage for why

Most of Lolly is the room: bright, practical and friendly. When the topic carries weight, Lolly takes the stage and Fauna steps back.

The room

Make your first file

  • Shop light and the soft box
  • The guest's flavour, or Opal on Lolly's own pages
  • Fauna, how-to pages, tools and help

The stage

Why sovereign production matters

  • A deep green house and one spotlight
  • Light display type, geometry and linework
  • Why pages, policy, keynotes and Lolly Work

Voice

Plain words, said kindly

Lolly talks like a skilled person at the counter: specific, warm and brief, in British spelling.

Say

Saved to Projects.

Not

Your masterpiece is safe and sound!

Say

This file has no credential, so its history is unknown.

Not

Uh oh, something looks fishy!

Say

Export PNG

Not

Let's go!

Say

Colour, licence, organise.

Not

Color, license, organize.

  • A button says what happens
  • An error says what went wrong and how to fix the problem
  • No hype, no exclamation marks

At a glance

Do and don't

The lolly upright in a soft box
Do

The lolly upright, on its own.

Wrong: the lolly on a stick and a dish
Don't

A stick or a dish under the lolly.

Chosen card
Do

A full wash for the chosen card.

Chosen card
Don't

A rail on one edge of a rounded card.

Drop a file here
Do

Dashes where something can be dropped.

No projects yet
Don't

Dashes around an empty state.

Intact
Do

An icon and a word on every signal.

Don't

A coloured dot on its own.