Practical AI help for businesses, one manual task at a time.
One manual task, done properly.
Rhofalo is a one-person practical AI and automation service in Bali. The brand should feel like a well-kept account book: calm, precise, humble. One idea carries it: manual tasks become ledger rows that end up "Done properly".
01
The mark
Three geometric pieces form the R and stand for Honest, Faithful and Lasting. Use the supplied SVG files. Never redraw, re-space or retype it.
Primary · Sand on Navy
Navy on Surface
Navy on Paper
Navy on Sand
- Pieces. The shorter stem bar is Honest, the taller stem bar is Faithful, the bowl and leg are Lasting. Lantern's three rings carry the same three values, in the same order. Neither the pieces nor the rings mean anything else. Every diagonal runs at 26.57° (a 1:2 slope) with one 12-unit stroke width.
- Clear space. At least one stroke width on every side. Minimum size. 16 px tall on screen, 6 mm in print.
- Never. Gradients, shadows, glows, outlines, rotation, or a cross, heart or halo added to the mark.
02
Wordmark and lockups
The wordmark is Fraunces with SOFT 0 and WONK 0, converted to outlines so it looks the same everywhere. It is never typed as live text. Say "Rhofalo" day to day; "Rhofalo Systems" is for the footer, invoices and contracts only.
On Navy: mark Sand, word Paper
On Paper or Surface: all Navy
- Files. rhofalo-lockup-navy.svg, rhofalo-lockup-on-navy.svg, rhofalo-wordmark-navy.svg, rhofalo-mark-sand.svg, rhofalo-mark-navy.svg, rhofalo-avatar.svg and rhofalo-avatar-1024.png.
- Avatar. Sand mark on Navy, for LinkedIn, WhatsApp Business and the favicon.
03
Colour
About 80% Paper, 12% Navy (one chapter and the footer), 6% Ink text, 2% Sand and Green together. Sand works like gold leaf: rarely.
Deep Navy
#0B1B31Headings, primary buttons, the one dark chapter.
Warm Sand
#D9B46EAccent: logo, rules, ticks on navy, focus ring. Never text on Paper.
Paper
#F7F4EEPage ground.
Ink Grey
#4A5563Body text and captions.
Check Green
#2F7D5B"Done" states, ticks, ledger status only.
Sand Ink
#8A6519Small gold text on Paper, 14 px and up.
Surface
#FFFFFFLedger sheet and form fields.
Rule
Navy at 12%Hairline rules between rows.
| Pair | Ratio | Use |
|---|---|---|
| Navy on Paper | 15.7:1 | Headings, body if needed, buttons |
| Ink Grey on Paper | 6.9:1 | Body copy, captions |
| Sand Ink on Paper | 4.8:1 | Small labels, 14 px and up only |
| Check Green on Paper | 4.6:1 | Status text 14 px and up, ticks |
| Paper on Navy | 15.7:1 | Text in the dark chapter and footer |
| Warm Sand on Navy | 8.8:1 | Accents and small text inside navy |
| Warm Sand on Paper | 1.8:1 | Never text. Rules, logo fills and large shapes only. |
| White on Check Green | 5.0:1 | Small "Done" badge |
04
Typography
Fraunces for headings (400 to 600, optical size on, SOFT 0, WONK 0 so the f stands straight). Inter for everything else (400, 500, 600). Sentence case. No italic or coloured word inside a headline.
H1Fraunces 400 · clamp(2.5rem → 4.75rem) · lh 1.05 · −0.02em
One manual task, done properly.
H2Fraunces 400 · clamp(1.875rem → 3rem) · lh 1.12
Any repeating manual task.
H3Fraunces 500 · 1.375rem · lh 1.25
Pick one task.
BodyInter 400 · 17 px · lh 1.65 · max 66ch
Practical AI help for businesses, one manual task at a time.
LabelInter 600 · 13 px · 0.08em · uppercase · one per page
Practical AI & automation · Bali
05
Components
Radius 6 px for controls, 4 px for sheets, 999 px for pills. Rules, not shadows. No icon cards, gradients, glass or glow.
Task ledger
| Task | Owner | Status |
|---|---|---|
| Chase unpaid invoices | Admin | Done properly |
To doIn pilotDone properly
Rows are sample tasks, labelled "Sample". Each row is a button: Lantern works it in a lane on the right (To do, In pilot, Done properly). Row 1 runs once when the sheet comes into view. Reduced motion keeps the steps but drops the flight.
Buttons and links
Primary: Navy fill, Paper text, 48 px tall. Secondary: a text link with a 1 px underline. Labels say what happens. No arrows.
Checklist
It repeats every week or more often.
A mistake is easy to spot and fix.
20 px square boxes in Check Green, real checkboxes when interactive.
Lantern
The Rhofalo mascot, not the logo: the R in the header and footer stays as it is. Kit files: lantern/lantern.svg (inline it), lantern.css, lantern.js. Lantern never speaks; every state is paired with real page text, and it is aria-hidden.
One Lantern per page. It travels with the reader and perches in reserved slots, doing one small action per section: works the ledger rows (hero), tidies the loose notes (problem), waits by the row under the pointer (services), lights the step numerals (pilot), lights a ring per tick (checklist), glows in the dark theme and lights the ring of the value in focus (values), waits by the form and cheers on send (contact), waves and settles to sleep (footer). It flies behind the page content and only comes forward in its slot, so it never covers text or controls. No constant looping: idle motion settles a few seconds after each action. Reduced motion: no flight, it simply appears.
Its three rings mean Honest, Faithful, Lasting (Jujur, Setia, Langgeng) and nothing else.
Size at the ledger: 120 px wide at every width from 641 px up, 76 px on phones, 64 px below 360 px. In flight it goes around cards and form fields, through the margins and gutters (or briefly out past the screen edge when a field spans the full width); it fades only where there is no way round. It never lands on text or controls. On navy, the wings use a clean glass fill (Paper at 32%, white vein) so they stay crisp; this is page CSS, the kit files are unchanged.
Numbered steps and fields
1
Pick one task.
Numerals only for the pilot sequence. Fields are white with a hairline border and a label above. Focus ring: 2 px Sand, 3 px offset.
06
Words
Calm, precise, humble. Short sentences, active voice, sentence case. Each headline 32 characters or fewer, two lines at most.
Label (hero only)
PRACTICAL AI & AUTOMATION · BALI
HeadlineOne manual task, done properly.
SubheadPractical AI help for businesses, one manual task at a time.
Secondary taglineCalm, careful systems for businesses.
Leave out
- No testimonials, client logos, star ratings, "trusted by" or hours-saved figures.
- Villas appear once, as one example among clinics, shops, offices and admin teams.
- If a claim needs proof Ronny doesn't have yet, cut the claim.
- Never invent a phone number, address or price. The real contact is rhofalosystems@gmail.com.
07
LinkedIn banner
1584 × 396. Navy with faint ledger rules. The lockup and subhead sit right of the Sand margin line, clear of the profile photo, which LinkedIn places over the lower left. The dashed circle is a guide and is not exported.
rhofalo-linkedin-banner-1584x396.pngKeep text in the right two-thirds
08
LinkedIn post
1080 × 1350. One task per post: the manual steps on the left, the same task with a careful fix on the right. Keep the "Sample" line until a real, agreed example replaces it. No hours-saved figures unless they were measured.
Sample
The weekly stock count report.
Before To do
- 01Count the shelves and write numbers on paper
- 02Type every count into the spreadsheet
- 03Compare with last week by eye
- 04Write the summary for the owner
After ✓ Done properly
- 01Count the shelves into a simple phone form
- ✓Counts land in the spreadsheet
- ✓Big changes from last week are flagged
- ✓A draft summary waits for your check
One manual task,
done properly.
Practical AI & automation · Bali
rhofalo-linkedin-post-1080x1350.png4:5 portrait