Google

Google's dark-themed search interface embodies a 'midnight terminal' aesthetic, prioritizing clarity and direct interaction. It features a stark dark background, softened by subtle grays for surfaces and interactive elements. Typography is direct and functional, leveraging a system font for most content and custom faces for key brand elements. The design emphasizes clean, rounded forms for interactive components, punctuated by a single, prominent shade of blue that highlights active states and critical links without overwhelming the muted palette. The overall impression is one of efficiency and focused interaction, free from decorative flourishes. Prioritize Carbon Black (#16171a) as the default background for all pages and sections to maintain the dark theme. Use Silver Mist (#e8e8e8) for primary text and important UI labels to ensure high contrast against dark backgrounds. Apply Charcoal Grey (#303134) for interactive component backgrounds, like buttons and input fields. Highlight interactive elements and links with Digital Blue (#99c3ff) for text color or borders. Ensure all buttons and interactive elements use a border-radius of either 8px for square forms, 26px for inputs, or 100px for pill shapes. Incorporate 15px as the standard elementGap for comfortable spacing between UI components. Use Arial, 400 weight for most body text and navigation, with sizes 13px, 14px, or 15px. Avoid using light backgrounds, as the system is anchored in a dark theme. Do not introduce additional saturated colors beyond Digital Blue (#99c3ff) without specific functional justification. Do not deviate from the established border-radius values; maintain 8px, 26px, or 100px for consistency. Avoid excessive use of shadows or gradients; rely on color and subtle surface changes for hierarchy. Do not use generic system fonts for branding elements; Google Sans and Google Sans Text are reserved for specific uses. Do not create dense layouts; maintain comfortable spacing with a base unit derived from 4px. Do not use generic blue for links if Digital Blue (#99c3ff) is specified for interactive highlights.