Overview
OCULA is an industry design system for eye-care and laser-vision clinics: treatment pages, scan and assessment explainers, clinician profiles, fee tables, appointment booking and patient information decks. It sets Plus Jakarta Sans at a whisper (Light 300 headlines, Book 350 text, Regular 400 only for tiny labels) with -0.02em tracking everywhere, so size alone builds the hierarchy, on a Clinic White / Field White / Iris Black token set. Wire Blue appears only as link text and hairline outlines, never as a fill; the main action is a pale wash button with a tiny blue ring. Cards have 54px corners and image panels 63px, with a floating 10px nav bar, hairline pill tags, 90 to 100px section gaps and no shadows. The imagery is 3D-rendered portraits and eye and lens close-ups in warm brown tones dissolving into white, built around a fictional clinic, Vessa Eye Clinic, whose clinicians, treatments and prices are labelled as placeholders; the kit makes no medical claims. Included: foundations (color, type, spacing, imagery, patterns), components (buttons & tags, cards, dialog, forms, navigation, feedback, table), theme sheet, Vessa Eye Clinic landing starter, 16:9 patient information deck, and sample 3D-render imagery in assets/imagery/.
Highlights
- Eye-care and laser-vision clinic industry system
- Clinic White / Field White / Iris Black + Plus Jakarta Sans at 300-400 with -0.02em tracking
- Wire Blue only as link text and hairlines, wash main button with a tiny blue ring, 54px cards and 63px panels, no shadows
- Imagery roles: Hero · Material · Detail as 3D renders dissolving into white (portrait, iris macro, contact lens)
- Floating nav bar, hairline tags, treatment and clinician cards, fee capsule, appointment slots, booking form, fee table
- Vessa Eye Clinic landing + 16:9 patient information deck (fictional placeholders, no medical claims)
