Confero

Confero is Latin: conferō, “I bring together”, the root of conference. It describes the product rather than one feature: speakers, organizers, attendees, sessions and payments brought to one place.

• Write it Confero in prose: capital C, one r, never all caps and never “ConFero”.
• Pronounced “con-FEH-ro”. The same in English and Portuguese.
• Products and areas take the name as a prefix: Confero Tickets, Confero Pay, Confero App.
• Emails go out as “{Event name} (via Confero)” so the organizer’s brand comes first.

Four chevrons point to one centre. Each stands for one of the streams the platform gathers: submissions, the team, the schedule and the tickets. The dot is the event itself. Read quickly, it is also a compass, which fits “Discover” and the attendee app.

The mark is drawn on a 64-unit grid with a 5-unit stroke and round caps. Chevrons are 20 units wide and 10 deep, inset 12 units from the edge; the centre dot has a 4-unit radius. The same geometry is used for the UI icons (Lucide, 1.75 px stroke), so the mark and the icons share one weight on screen.

• Clear space: at least one chevron depth (10 units, or ¼ of the mark’s height) on every side.
• Minimum size: 16 px as a favicon, 20 px inside the UI, 8 mm in print.
• The mark always uses a single color: brand teal, black or white. Never a gradient or two tones.

The horizontal lockup pairs the mark with the wordmark set in the UI typeface at semibold, tight tracking, the cap height matching the mark’s inner square. Use it in the top bar, on sign-in, in email footers and on documents. The mark alone is the app icon, the favicon and the sidebar brand on a dark surface.

• Mark in brand teal, wordmark in the strongest text color of the surface.
• On the dark sidebar both are white; the teal is reserved for the active-item accent there.
• No stacked lockup yet. If one is needed, the mark sits above the wordmark, centred, with one chevron depth between them.

One family everywhere: Inter (system-ui fallback). Hierarchy comes from size and weight, not from a second face. Headings are semibold, card titles bold, labels uppercase with a little letter-spacing. Running text stays at 65 characters or less.

Numbers that line up in columns use tabular figures. Dates are written “Wed, 10 Mar 2027”, times in 24 h with the event time zone (“Wed, 10 Mar 2027, 09:30”), money with two decimals and the currency (“1200,00 €”), the same on pages, mails and PDFs.

Icons are Lucide at 1.75 px stroke, 16 px in navigation and buttons, 18 px in card titles, 20 px in page headers. An icon never appears alone where it carries meaning: status chips, alerts and navigation always show a label; icon-only buttons carry a tooltip and an accessible name.

• Primary buttons get a leading icon when the verb is concrete (Add, Import, Duplicate). “Save” and “Cancel” stay plain.
• Page actions sit in the page header on the right. Form actions sit at the bottom right of the form, the primary last and “Cancel” to its left. Confirmations use the shared dialog, never the browser’s.
• Controls are 36 px tall on desktop and 44 px on phones.
• Page headers: one icon in a tinted square, a breadcrumb when the page lives under an event, actions on the right.
• Sidebar: grouped items with icons, a count badge for work waiting, a teal accent bar on the active item.
• Empty states: icon chip, one-line title, one sentence, the one action that fills the list.
• Tables: muted header row, zebra rows, hover highlight, no outer border inside a card.
• Checkboxes and radios: always Checkbox, Radio, RadioGroup or ChoiceCard from @em/ui. The box sits in a one-line-tall slot, so it is centred on the first line of its label however long the label is. Bare CheckboxInput is only for table selection with an accessible name. Lint rejects raw inputs.