Notion-Style Dark Telecom Home Screen
A Notion-style dark mode dashboard specifically designed for telecom or utility services. Features a sophisticated deep gray palette (#191919), subtle borders (rgba(255, 255, 255, 0.08)), and a crisp primary blue accent (#0075de). The aesthetic is minimalist and utilitarian, utilizing the Inter font family for high legibility. Suitable for fintech, SaaS account management, mobile carrier apps, and digital wallet interfaces. Includes bento-style grids, callout banners with high-contrast accent borders, and status-driven typography.
Summary
A clean, dark-themed mobile dashboard interface inspired by Notion's layout and border logic, featuring a 2-column utility grid and callout-style banners for services like credits, data, and referral programs.
Style
The style is defined by a low-contrast dark interface using varying shades of gray to create hierarchy. It uses the Inter font family with specific weights (Bold for titles, Medium for buttons, Semibold for subheadings). Borders are thin (1px) and translucent, while icons are thin-line Lucide variants. Animations are minimal, focusing on subtle background color shifts on hover.
Layout & Structure
A mobile-first vertical stack layout featuring a sticky-style header, a scrollable content area with distinct semantic sections (Grids, Callouts, Lists), and consistent 24px (6 units) horizontal padding.
Header
Utility Grid (Credits & Rates)
Feature Callout Banner
Horizontal List Item (Referral)
Resource Grid
Components
Notion-Style Icon Box
A squared icon container used inside cards.
Micro-Badge Tags
Small utility tags for displaying brands or categories.