GNM - Góc Nhìn Mới Homepage
A high-end editorial and news publication design featuring a minimalist modern aesthetic with a striking deep red accent (#b80001). The style utilizes the 'Be Vietnam Pro' sans-serif typeface for a clean, professional look that balances thin weights for descriptions and extra-bold weights for headlines. The color palette is dominated by pure white (#ffffff), light grays (#f3f4f6, #f9fafb), and high-contrast dark text (#111827). The layout includes a sticky navigation, a balanced 12-column featured hero section, a 3-column article grid, and a large-radius newsletter call-to-action. Suitable for digital news portals, financial blogs, corporate magazines, and content-heavy SaaS platforms.
Summary
A professional news publication layout with an editorial focus, using a sophisticated white and deep red color scheme. The design emphasizes clarity through generous white space, pill-shaped UI elements, and high-quality imagery with subtle hover animations.
Style
Modern editorial style using Be Vietnam Pro (weights 300 to 800). Key colors include GNM Red (#b80001) for accents and calls-to-action, Dark Slate (#111827) for primary text, and various light grays for backgrounds and borders. Animations are subtle, featuring smooth scaling transitions (scale-105) for images and color shifts for links. Buttons and tags are consistently pill-shaped or highly rounded.
Layout & Structure
A structured editorial flow starting with a functional sticky header, a dominant featured article section, a standard news grid, and an immersive newsletter component.
Header
Hero Featured Section
News Grid
Newsletter Section
Footer
Components
Interactive Search Input
A pill-shaped, low-profile search bar used in the navigation.
Featured Category Tag
High-visibility metadata tag for editorial emphasis.
Special Notes
Must maintain a strict balance between bold typography and light body text. Ensure all decorative tags use a 10% opacity version of the primary red (#b800011a) or light gray. Do not use sharp corners; use border-radii ranging from 16px to 48px to maintain the soft modern feel. The deep red must be used sparingly to guide the eye toward call-to-actions and active states.