Make the difficult idea feel clear.
Use for page and section headings, statements, and rare editorial emphasis. Keep weight light and line height open enough to preserve the letterforms.
Enok brand system
Calm enough to think. Clear enough to act.
The Enok system uses editorial typography, disciplined spacing, and sparse high-contrast signals to make complex search work feel understandable. Every rule serves legibility, trust, or decision quality.
01 / Principles
One idea earns the frame.
01
One message
Each section advances one argument instead of presenting a wall of options.
02
One action
The CTA matches the visitor’s context and the decision the section has prepared.
03
Useful proof
Images, diagrams, and numbers appear only when they communicate something the copy cannot.
04
Room to process
Generous vertical rhythm gives the visitor time to understand before the next concept arrives.
02 / Logo mark
The mark is a signature, not decoration.
Use the Enok mark once in a primary brand position. Repetition weakens recognition and makes the shape feel illustrative rather than proprietary.
Clearspace
Keep empty space equal to at least half the mark’s width on every side.
Minimum size
Use no smaller than 20px wide in digital interfaces and 6mm wide in print.
Approved colors
Ink on light fields. Ivory on ink or Enok green. Enok green on ivory. Ink only on lime.
Do not
Outline, stretch, rotate, crop, shadow, recolor, pattern, or use the mark as a repeated motif.
03 / Wordmark and lockups
Align the name to the mark’s visual base.
In horizontal lockups, the wordmark sits close to the bottom of the icon rather than centering on its full bounding box. This optical baseline is mandatory anywhere the mark and name appear side by side.
Enok SEOEnok SEOIcon : nameUse the approved 24px : 22px digital relationship as the base proportion.
GapApproximately 0.58× the icon width, adjusted optically at very small sizes.
BaselineAlign the wordmark’s visible base to the mark’s lower edge; do not vertically center the text box.
Wordmark typeJost 600, uppercase, with natural letter spacing. Never recreate it in Newsreader.
04 / Color
Ivory, ink, Enok green, and one bright signal.
Ink on lime
White never appears on lime.
Lime is a signal and action color. Pair it with ink at every size, including buttons, labels, icons, and data marks.
05 / Typography
Editorial clarity with operational precision.
Evidence, explanation, and action.
Use for body copy, navigation, controls, forms, labels, and data. Prefer sentence case and direct language.
ENOK SEO
Reserve for the wordmark and selected compact brand accents. It should not compete with Newsreader as the main heading voice.
06 / Actions
The CTA names what happens next.
Avoid generic labels such as “Learn more” and “Get started.” Use a verb plus the specific value or decision the visitor will receive.
07 / Layout and imagery
Use space as hierarchy.
Section rhythm
Major sections should normally occupy most of a viewport. The following section may be visible as a quiet cue, never as competing content.
Containers
Use open bands and constrained inner widths. Cards are reserved for true repeated records, framed tools, and forms.
Imagery
Show the actual product, customer outcome, reporting evidence, or working process. Do not use atmospheric stock imagery or abstract decoration.
Gradients
Use rarely, at large scale, and only to direct attention or soften a field transition. Never place a gradient on every small content surface.
08 / Voice and accessibility
Plain language. Claims we can support.
Write this way
State the customer problem, the useful change, the evidence, and the next action. Prefer specific nouns and active verbs. Disclose uncertainty where it affects the decision.
Do not write this way
Avoid inflated adjectives, guaranteed outcomes, unexplained acronyms, walls of features, vague transformation claims, and internal process language.
Accessibility baseline
Maintain WCAG AA contrast, visible focus states, semantic headings, descriptive controls, reduced-motion support, 44px touch targets, and layouts that work at 320px without horizontal scrolling.