Brand guidelines / V 2.0
CYTORA / IDENTITY GUIDELINES

Clarity at
every stage.

A considered identity for cytology and anatomical pathology. Connecting every specimen, every handoff, and every person in its journey.

Explore the guidelines
PRECISION IN SCIENCE.   CARE IN DESIGN.
FIG. 01 The origin of our identity
From the smallest detailto the complete picture ↗
A shared language for a connected laboratory.STRATEGY → IDENTITY → EXPERIENCE
01 / Foundation

Small details. Meaningful confidence.

Cytora brings order to complex laboratory journeys. Our identity should make that order visible, while respecting the care and judgment behind each result.

OUR POSITION

The clear thread
through every
specimen journey.

For laboratory teams who need to register specimens and follow defined workflows, Cytora is the shared workspace that makes identity, progress, and responsibility easier to see.

01

Precise, never cold

Clear identifiers, disciplined hierarchy, and generous reading space. Scientific rigor with a human presence.

02

Connected by design

Make the relationship between a case, its derived materials, and the next responsible person visible.

03

Calm under complexity

Keep the canvas quiet. Give exceptions and required actions the attention they deserve.

Why Cytora?

“Cyto” grounds the name in cells. “Cytora” gives it a distinctive, open cadence, with room for both cytology and anatomical pathology. Write Cytora in prose; use cytora. only in the visual wordmark. Suggested pronunciation: sigh-TOR-ah.

02 / Visual identity

A cell. A path. A point of clarity.

An open cellular form becomes a C. Nested contours suggest connected stages; a nucleus anchors the detail. The opening expresses a continuing journey.

01 / PRIMARY LOCKUP
02 / REVERSED LOCKUP
03 / SYMBOL

Give it room

Keep clear space of at least one nucleus diameter around the lockup. Minimum width: 120px for the lockup, 24px for the symbol.

Keep it deliberate

Use aubergine on paper or paper on aubergine. Preserve proportions. Avoid gradients, shadows, rotation, or substituting a medical cross.

A practical source asset

The symbol is an editable vector. Use the full name at first introduction; reserve the symbol for familiar, compact contexts.

03 / Color system

Rooted in pathology. Composed for people.

Aubergine and raspberry draw from the visual language of stained tissue. Limestone and warm paper soften the workspace; blush adds a measured human touch. The combination feels composed, tactile, and distinctly Cytora.

AubergineOur anchor. Wordmarks, headings, and high-contrast navigation.

RaspberryOur signature accent. Primary actions, focus indicators, and editorial emphasis.

LimestoneQuiet structure. Secondary surfaces and grouped information.

PaperRoom to breathe. The default canvas for sustained reading.

BlushA human touch. Cellular illustrations and small editorial accents; never a clinical status.

InkLegibility first. Body text, headings, and specimen identifiers.

80 / 15 / 5 as a starting point: paper and limestone / aubergine structure / raspberry and blush accents. Clinical status signals take priority over this visual ratio.

Status is information, not decoration.

Use text and a distinct symbol alongside color. A completed step does not imply a verified or released report; name those events explicitly.

Pending

A step has not started.

/
In progress

Work is underway.

/
On hold

A reason and next action are required.

/
Completed

This step is recorded as complete.

/
Action required

A mismatch or exception needs attention.

/
Readable by design

Aubergine on paper: —:1. Ink on paper: —:1. White on raspberry: —:1. Pair blush with aubergine text; reserve raspberry for brand actions and use explicit labels for clinical exceptions. Aim for 4.5:1 for normal text, 3:1 for large text and essential controls. Always verify the final pairing.

04 / Typography

A human voice. An exact record.

One approachable sans serif for the product, a quiet monospace for identifiers, and an editorial serif used sparingly in brand storytelling.

PRIMARY / OUTFIT
AaBb

Clear forms. Open character.

Outfit’s geometric forms give Cytora its recognizable voice. Use regular for reading, medium for labels, and bold for hierarchy.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ / +
Display64–88 / 1.0 / 500
Clarity at every stage.
Heading32 / 1.15 / 500
Specimen journey
Section22 / 1.3 / 500
Preparation & review
Body16 / 1.6 / 400
Every handoff has a clear next step.
Label14 / 1.4 / 500
Current location
Identifier14 / 1.5 / mono
CYT-2026-00428
The details matter

Use a system monospace for accession numbers and barcode values. Enable tabular numerals for counts and times. Keep clinical text at 16px by default and labels at least 14px. Georgia italic adds warmth to brand headlines only; clinical records retain the primary typeface.

05 / In practice

The brand earns its place in the workflow.

Clear hierarchy, visible provenance, and one obvious next step. These illustrative components show the direction; actual stages, permissions, and confirmations follow each laboratory’s configured flow.

ILLUSTRATIVE UI
SPECIMEN JOURNEY

CYT-2026-00428

◷ In progress

Non-gynaecological cytology · Example specimen

Current stageSlide preparation
Responsible teamCytology laboratory
  1. ✓
    ReceivedIdentity checked
  2. 02
    PreparedSlides in preparation
  3. 03
    ReviewedAwaiting preparation
  4. 04
    ReleasedAwaiting authorization
Latest event
Assigned to slide preparation
View specimen ↗
DEMO / NOT FOR CLINICAL USE
CYT-2026-00428 / S01

Slide · Parent: aliquot A01

ILLUSTRATIVE BARCODE · NON-SCANNABLE

Built for the bench.

4px spacing unit. Use 8, 12, 16, 24, and 32px to create predictable rhythm.

12px panel radius. Approachable surfaces; sharper 6px controls for dense tools.

44px target size. Comfortable primary actions with visible keyboard focus.

Identity comes first. Physical labels use black on white. Production labels follow validated local requirements and real barcode generation.

Graphic language

Use open contours, fine connection lines, and restrained cellular forms for brand illustrations. Product icons use a consistent 1.5–2px stroke with text labels for critical actions. Avoid decorative microscopy imagery behind clinical data.

06 / Voice & language

Calm. Specific. On your side.

Write like a capable colleague: state what happened, explain what it means, and give the next useful action. Keep clinical judgment with the people authorized to make it.

CLEAR, NOT VAGUE

“Specimen saved.
Ready for reception.”

Acknowledge the action and name the next stage. Avoid “Success!” without context.

HELPFUL, NOT BLAMING

“Label does not match.
Check the specimen ID.”

Describe the mismatch and the corrective action. Avoid “Invalid input” or language that blames the user.

HONEST, NOT ABSOLUTE

“Review recorded.
Awaiting authorization.”

Distinguish preparation, review, authorization, and release. Avoid “All clear” or promises of diagnostic accuracy.

INDONESIAN PRODUCT LANGUAGE

Professional. Familiar. Consistent.

Use “spesimen,” “nomor aksesi,” “sediaan,” and “penanggung jawab” consistently. Retain the laboratory’s approved clinical terminology.

CONFIRMATION

Spesimen berhasil disimpan.
Lanjutkan ke tahap penerimaan.

EXCEPTION

Identitas label tidak sesuai.
Periksa nomor aksesi sebelum melanjutkan.

ONE CONNECTED IDENTITY

Every detail carries care.

A foundation for Cytora’s next chapter. Use it consistently, evolve it deliberately.