Preview image. Unlock full-res
Teal-accented architectural blueprint on pristine parchment.
User Interviews employs a crisp, clear, and confident interface, building on a foundation of clean neutrals and a distinctive teal accent. Layouts are spacious, prioritizing readability and direct interaction. Typography balances approachability with clarity, while a preference for rounded, organic shapes softens the overall structure, creating a friendly yet authoritative digital workspace. Interactive elements are clearly defined through color and shape, maintaining a focus on user flow.
Prioritize Canvas Ice (#f2f8f7) for primary page backgrounds to maintain an open and airy feel.
Use Oceanic Teal (#1c5d5f) for all primary calls-to-action, ensuring visual prominence and consistency.
Apply rounded corners generously: 48px for most buttons and 88px for larger interactive areas or cards for a friendly, organic aesthetic.
Employ p22-mackinac-pro (serif) for all main headings (H1-H3) and sofia-pro (sans-serif) for body text and UI elements to establish clear typographic hierarchy.
Maintain generous vertical spacing between sections, aiming for a minimum of 88px to prevent visual clutter and provide comfortable reading breaks.
Avoid deviating from the defined primary (Oceanic Teal) and secondary (Emerald Green) button colors for main actions; do not introduce new saturated hues.
Do not use sharp corners; the system's aesthetic relies on significant radius values for all interactive and card-like components.
Refrain from using IBM Plex Mono for general body text or headings; reserve it strictly for data, code, or technical information.
Do not use dark backgrounds for entire page sections unless leveraging an accent color from the accent group, maintaining the light theme's dominance.
Avoid over-emphasizing every link or interactive element with a border; ghost buttons with Inkwell Black outlines or subtle Deep Teal underlinings are preferred for secondary actions.
