A sharper vocabulary for the portal.
Same flaxen, forrest & brick. Same Miller Banner & Brandon Grotesque. Reorganised around editorial list-rows, hairline rules and squared corners — so the portal feels like a back-office note, not a CMS.
- Background
- Flaxen #FCFAF1
- Brand
- Forrest #004645
- Accent
- Brick #7E4E2C
- Radius
- 0–4px max
Palette
Three brand colours, six derived tones, two hairlines. The flaxen background is non-negotiable; forrest carries identity; brick is reserved for accents and signals.
Type
Miller Banner Light for display & H1–H2; Brandon Grotesque for body, UI and all-caps labels at 0.18em tracking. Editorial fallbacks shown here.
A boutique precinct in Tugun
Approval queue
Twilight market — Saturday
Carolina’s lined up the Stable window for the holiday refresh — let’s clear her board post before Friday so she can brief the team in time.
Buttons
Squared, tracked, all-caps. Primary fills with forrest; ghost holds a hairline; brick is reserved for destructive or accent calls.
Badges & status
Status pills are soft washes with darker ink — quiet enough to live in dense lists, but legible at a glance. Five status tones plus two editorial brand badges for accents.
List rows
The editorial workhorse. Date column doubles as visual rhythm. Used for the queue, calendar list view, and board.
-
23MayApproved
-
25MayScheduled
-
27MayDraft
Queue row
A denser sibling of the list row, used in the admin approval queue. Inline preview opens beneath when expanded.
Carolina · Stable · Winter window reveal — carousel of 3
Locavore · Producer’s breakfast — first Sat of June
Form fields
Plain inputs on flaxen-warm with a hairline border. Labels are all-caps eyebrows, hints sit beneath. Generous tap targets — these get used on phones.
Tabs
Underlined, tracked, with a count chip when there’s something to action. Horizontal scroll on mobile.
Empty states
A small editorial line is the whole job. Italic display type, dashed hairline. Never use a graphic.
All caught up.
No submissions waiting on your eye — go pour another coffee.
A quiet week ahead.
No events on the calendar between 27 May and 3 Jun. Add one before Friday and we’ll roll it into the digest.
Calendar cell
Squared cells, hairline borders, events as a left-coloured rule. Forrest for events, brick for ops, sand for trading-hours changes, concrete for recurring.
Quick links
Three groups (Do · Look · People & setup) become three editorial columns with hairline-separated rows — replacing the 12-button uniform grid.
Side drawer
Full-height drawer for the menu. Five pinned items at the top (Home · Board · Calendar · Events · Save as app), then collapsible groups for everything else. User chip up top, refresh action down bottom.
Admin · lukecon40
Create & submit
Your shop & team
Guides & resources
Admin 12 in queue
Admin — socials
Admin — dev
-
Head
-
Profile
-
Pinned
-
Groups
-
Foot
Uses native <details>/<summary> so collapsibles work without JS. Animate the chevron only — let content snap.
Bottom tab bar
Mobile-only chrome. Five destinations including Ask — the AI helper distinguished by a sand-toned icon and a soft notification dot when there’s a reply waiting. Hides above 720px.
Hints, toasts & impersonation
Install hint, inline toast and the admin “view as” pill round out the chrome.
Install on your home screen
Tap share & “add to home screen” — the portal opens fullscreen with push.
Next-task hero & stats
The home screen leads with a single sentence — what to do next — instead of a wall of accordions. Stats below give shape without shouting.
Carolina’s window reveal is waiting on your approval.
Submitted 2 hours ago. If it goes through before 4pm it’ll catch tomorrow’s digest.