Sorrento
A cold, clinical two-mode theme for biotech and scientific platforms. Precision-cyan on laboratory white or blue-grey near-black, built for protocol reading.
Version 1.1.0Meet Sorrento
A look at its colors and typography, from the headline to the smallest details.
A place for your next chapter.
Your ideas, your stories, your point of view. Give them a home that feels like you.
Thoughtful type, a clear palette, and space for what matters.
A place for your next chapter.
Your ideas, your stories, your point of view. Give them a home that feels like you.
Thoughtful type, a clear palette, and space for what matters.
The identity
A character of its own
Sorrento is a two-mode laboratory-protocol reading system: clinical paper by day, blue-grey near-black after hours, and one precision-cyan accent used the way a technician uses a tracer dye — only to mark what matters. It is built for documentation-heavy scientific products where accuracy is the brand and every ornament has to justify itself.
- clinical
- precise
- cold
- instrumented
The palette
Color with intention
Light palette
#f3f9fb#102932#007f95#d6edf1#deedf1Dark palette
#070b10#d8eef8#00b8d4#0d2233#0d1825The typography
Find your voice in type
Headings
Make a little room for possibility.
-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serifBody
Good stories start with a clear point of view.
-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serifCode & details
Aa Bb Cc · 0123456789
"SFMono-Regular", Menlo, Consolas, "Courier New", monospaceMade for
Who it speaks to
Biotech platforms, medical-device documentation, pharmaceutical data products, and scientific research tools whose sites are carried by dense reference docs, API guides, protocol writeups, and research writing rather than lifestyle marketing.
The voice
How it sounds
Precise, technical, and quietly authoritative — a senior scientist writing a method section, not a marketer. State the mechanism, cite the number, name the assay. Prefer a specific claim with a figure over an adjective; never oversell, never hedge.
Art direction
The thinking behind the look
Light mode uses laboratory white (#f3f9fb), blue-grey ink (#102932), and precision cyan (#007f95); dark mode uses blue-grey near-black (#070b10), clinical blue-white (#d8eef8), and brighter cyan (#00b8d4/#2acbe0). All-sans type, tight engineered radii, and faint cyan-tinted depth keep both modes clinical rather than editorial.