Styleguide — Ron Domingue

01

Brand Logo

Logo System

Ron Domingue

Use the full lockup when there is enough horizontal room and the brand needs a clear first-read presence.

Use the symbol alone for compact navigation, favicons, social avatars, loading states, and small persistent UI.

1x 1x

Keep clear space equal to the mark width around the logo. Minimum digital mark size is 24px.

Passport Emblem

Garuda, Gilt Wood Sculpture

Origin & Symbolism

Garuda

The mark is the Garuda, or Phra Khrut Pha — the emblem printed in a Thai passport and used as the official seal of the Thai monarchy and government. In Hindu mythology, Garuda is a divine being, half man and half eagle, the king of birds and the vahana, or mount, of the god Vishnu. Thai tradition adopted Garuda as a symbol of the monarchy itself, framing the king as an earthly extension of Vishnu's protection.

Garuda's defining trait is altitude: a vantage from above the tree line, high enough to read the whole terrain — sky against ground, signal against noise, the Naga moving in the underbrush below. That aerial read is the throughline into the work itself. Art direction, cinematic 3D, and systems design are all a practice of holding the wide shot before the close one: composing a world from above before dropping into any single frame, camera move, or interface.

Carried into a personal mark, Garuda reads less as a borrowed royal symbol and more as a working instruction — a fixed point back to a Thai passport and a lineage, translated into an eye trained to work at elevation: seeing the full system first, then the detail.

02

Type Setting

Typography Rules

Display / DIN 2014 Light Signal driven visual systems.

Use for hero titles, project names, section headers, and high-impact numerals.

Body / Barlow Light Atmosphere, systems, and cinematic detail.

Primary paragraphs use Barlow at 16-20px with relaxed line height. Keep body copy direct, visual, and grounded in the work.

Utility / Space Mono EXPOSURE 01 / FIELD NOTE

Use for metadata, tags, labels, timestamps, measurements, technical captions, and UI telemetry.

Hero H1 clamp(44px, 8vw, 104px)

Section H2 clamp(34px, 5vw, 68px)

Body 18px / 1.55

Metadata 10px / uppercase / 0.14em

Digital Scale / CSS

Use these values for screen layouts. Scale type by role, not by decoration.

Hero / 104px max Ron Domingue

Homepage identity and major campaign covers.

Section / 68px max Selected Work

Top-level page sections and case-study chapter titles.

Card / 30px Deep Orbit Studies

Project cards, feature modules, and compact editorial headings.

Body / 18px / 1.55

Ron is a New Orleans-based art director and visual artist working across cinematic 3D, motion, fictional interfaces, and systems-driven design.

Metadata / 10px PROJECT / MOTION / 2026

Tags, timestamps, labels, coordinates, and short technical captions.

Print Scale / Points

Use these values for PDF, booklet, and leave-behind layouts.

Cover Title / 72pt Brand Guidelines

Chapter / 36pt Typography

Subhead / 18pt Visual systems with cinematic restraint

Body / 10.5pt on 15pt

Print text should hold a calm measure with enough leading for image-heavy layouts, captions, and project context.

Caption / 7pt FIG. 02 / FINAL RENDER / NEW ORLEANS

Print Specimen / DIN 2014 + Barlow

Field Guide Notes

Printed pages should feel quiet, precise, and editorial. Use the brand colors as measured signals, not full-page decoration unless the spread is acting as a divider or cover.

Page Grid

Use a 12-column grid for letter and tabloid layouts.
Keep outer margins at 0.5in minimum; use 0.75in for text-heavy documents.
Align captions, rules, and metadata to the same vertical column as the image or text block they describe.
Leave one generous quiet edge on covers, dividers, and portfolio plates.

Print Type Scale

Cover title: 54-96pt DIN 2014 Light, tight leading.
Section title: 28-44pt DIN 2014 Light.
Body copy: 9.5-11pt Barlow Light with 14-16pt leading.
Captions and metadata: 6.5-8pt Space Mono, uppercase only when brief.

Composition

Keep paragraphs between 45 and 70 characters per line.
Avoid widows, orphans, and single-word last lines.
Use optical alignment for large display type, especially at page edges.
Use hairline rules at 0.25pt to 0.5pt; never below 0.25pt for production print.

Print Color

Convert RGB brand values to CMYK with proofing before press output.
Use rich black for full-bleed black fields; use 100K for small text.
Keep small reversed text at 8pt or larger and avoid thin weights over busy imagery.
Use magenta and cyan as spot-like accents: rules, folios, tags, and data marks.

Export

Export PDF/X-4 when transparency or image-heavy work is involved.
Use 0.125in bleed for full-bleed pages and keep live text 0.25in from trim.
Raster imagery should be 300ppi at final size; line art should stay vector.
Embed or outline fonts only at final handoff, preserving editable source files separately.

03

Font Family

Fonts

Display / Adobe Fonts DIN 2014

ABCDEFGHIJKLM
NOPQRSTUVWXYZ
0123456789

Light 300Ag

Loaded via Typekit. Used only at weight 300 for hero titles, section numerals, and large display type — never set bold.

Body / Google Fonts Barlow

ABCDEFGHIJKLM
NOPQRSTUVWXYZ
0123456789

Light 300Ag
Regular 400Ag
Medium 500Ag

Primary paragraph and UI typeface. Light for long-form copy, Regular for labels and controls, Medium for emphasis within text.

Utility / Google Fonts Space Mono

ABCDEFGHIJKLM
NOPQRSTUVWXYZ
0123456789

Regular 400Ag
Bold 700Ag

Fixed-width utility type for metadata, tags, timestamps, telemetry, and any label that should read as machine output.

CSS Font Stack

font-family: 'din-2014', sans-serif;   /* display, weight 300 only */
font-family: 'Barlow', sans-serif;     /* body + UI, weights 300 / 400 / 500 */
font-family: 'Space Mono', monospace;  /* utility + metadata, weights 400 / 700 */

04

Color Scheme

Palette

#0E0F11 Ink Black 45%

Primary dark background.

#141518 Graphite 25%

Panels and elevated surfaces.

#C8289A Fuchsia Signal 12%

Primary highlight and active states.

#4FC8E8 Cyan Readout 8%

Links, data, and secondary callouts.

#7AC45A Field Green 5%

Success, positive status, and live signals.

#E8A020 Amber Warning 5%

Warnings, emphasis, and temporal notes.

Text & Label Colors

The site doesn't use flat grays for text — everything is the primary white at reduced opacity over Ink Black. The "light gray" on the homepage role line (Art Director / 3D Visual Artist) is white at 45% opacity, not a separate color.

Ag Primary Text #EEEEF0 — var(--text)

Headings, primary UI, and body copy at full emphasis.

Ag Muted Label rgba(238,238,240,.45) — ≈ #737375 on Ink Black

Eyebrow and role labels, e.g. "Art Director / 3D Visual Artist" on the homepage hero.

Ag Dim Text #9A9AA8 — var(--text-dim)

Secondary paragraphs, panel copy, and supporting description text.

Ag Faint Text #5A5A66 — var(--text-faint)

Kickers, metadata, and the lowest-emphasis labels in the system.

Usage Ratio

45 25 12 8 5 5

Let black and graphite do the atmospheric work. Use magenta as the main signal, cyan for secondary readouts, and green or amber only when the content needs status meaning.

Screen Rules

Use no more than two accent colors in a single UI section.
Reserve magenta for active states, key links, selected filters, and focal data.
Use cyan for supporting data, external links, and technical readouts.
Do not set long body text in accent colors.

Print Rules

Proof RGB-to-CMYK conversions before final output; expect cyan and magenta to dull on uncoated stock.
Use 100K black for small text and rich black only for large fields, covers, and full-bleed panels.
Keep reversed body copy at 8pt or larger, and avoid reversing thin Space Mono captions from saturated color.
For brand-critical pieces, specify spot magenta or run a press proof instead of trusting screen color.

05

Interface Rules

Common Elements

Text Link Motion FUI

Input Select

Project Card

Deep Orbit Studies

Use compact metadata, strong imagery, and calm spacing. Avoid ornamental decoration that competes with the work.

01