Design system
The eNotarizationPH design system
Civic blue carries authority; Philippine gold marks anything official or time-sensitive. Gold never carries body text on a light surface — it earns its place as an edge, a rule, or a chip.
Colour
Civic blue 600 is the primary action colour at 7.9:1 on white. Gold 700 is the lightest gold safe for text on white, at 5.6:1.
Civic blue
50
100
200
300
400
500
600
700
800
900
950
Philippine gold
50
100
200
300
400
500
600
700
800
900
Semantic
info
success
warning
danger
Typography
Source Serif 4 for headings, Inter for everything else. Tracking is size-specific — tightened as text grows, near zero for body, slightly positive for fine print.
Heading 1 — display, tracking −0.021em
Heading 2 — section, tracking −0.014em
Heading 3 — subsection
Lead paragraph. 17px, line-height 1.65 — generous, because Filipino and English strings differ in length by up to a third and both have to breathe.
Body copy at 16px minimum, never smaller. Grade 9 reading level is the target; short sentences do more for comprehension than any typographic choice.
Fine print at 13px with slightly positive tracking, because small text needs letters further apart, not closer.
Buttons
Feedback lands on pointer-down, not on release. Minimum 44px touch target. Labels say what happens.
Status banner
The signature component. Every page that makes a claim about today carries one.
Quick Answer
Sixty words or fewer, at the top of an explainer.
Quick answer
Verification chip
No state may read as an endorsement. The strongest label is a statement about a published government list, not our opinion.
official — On the official SC list
self-reported — Self-reported
unverified — Unverified
not-applicable — Not for PH notarization
Callouts and disclaimer
Five tones, one disclaimer wording.
Information
Neutral context that helps the reader decide.
Confirmed
Something verified against an official source.
Read carefully
A caveat that changes what you should do.
Scam warning
Something that could cost the reader money or their document.
Editorial note
How we made a judgement call.
We are not a provider. This is an independent educational website. We do not notarize documents, we are not an accredited Electronic Notarization Facility, and we are not affiliated with the Supreme Court or with any platform listed here. We cannot notarize, process or verify anything for you.
Not legal advice. General legal information only — not legal advice. For your specific case, consult a Philippine lawyer or notary public.
Step list
One action per step, with the mistake attached to the step where it happens.
Turn the document into a PDF
PDF or PDF/A. A good scan of paper counts as an electronic document.
Work out which act you need
Acknowledgment or jurat — they have different rules about signing.
Watch out: For a jurat, do not pre-sign. You must sign live in view of the e-notary.
Create your own account
One account per person. Sharing a login means somebody was never verified.
Comparison table
One semantic table at every breakpoint. Below md, rows become cards and each cell grows its own label from data-label.
| Mode | Where you are | Legal force |
|---|---|---|
| IEN | In the room with the e-notary | Same |
| REN | Anywhere in the Philippines | Same |
FAQ accordion
Native details/summary — keyboard-complete, screen-reader correct, and incapable of shifting layout on hydration because there is none.
An English question?
Answered in English.
Isang tanong sa Filipino?Filipino
Sinasagot sa Filipino.
Persona doorway
Names a situation in the visitor's own words.
Last reviewed badge and changelog
Recency you can see.
Last reviewed
What changed on this page (2)
- Added the ENP application form update.
- Added the NBI enforcement action.
Sources and related links
Every page closes with both.
Accessibility commitments encoded here
- Every interactive target is at least 44px tall.
- Focus is a 3px ring at 2px offset, never removed.
- Colour is never the only carrier of meaning — chips pair colour with an icon and a word.
prefers-reduced-motion,prefers-reduced-transparencyandprefers-contrastall have real handling, not just a motion kill switch.- All content renders without JavaScript. Only the four tools, the theme toggle and the mobile menu need it.