[null,null,["最后更新时间 (UTC)：2025-08-29。"],[],[],null,["# Google Classroom Branding Guidelines\n\nThis document outlines how to use the Google Classroom name, logo and icon. If\nyou have any additional questions, refer to the more general\n[Google brand permissions](//www.google.com/permissions/).\n\nIcon use guidelines\n-------------------\n\nWhen you are integrating with Classroom, always use the\nClassroom icon instead of the Google logo. Make sure the\nGoogle Classroom icon is fully and clearly visible. You can use the icon with\nor without the accompanying text \"Google Classroom\". If you are using the\nClassroom icon along with other logos, make sure each has proper\nspacing for readability.\n\n### Size guidelines\n\nThe Classroom icon is available in a number of different sizes,\nfrom 32 to 96 pixels. You can scale the icon for different devices and screen\nsizes but must preserve the aspect ratio so the logo isn't stretched.\n\n#### Square Logo\n\n[Download square logos](/static/workspace/classroom/assets/classroom_square_logo.zip)\n\n#### Round Logo\n\n[Download round logos](/static/workspace/classroom/assets/classroom_circle_logo.zip)\n\n### Describe the Classroom icon\n\nWhen using the Classroom icon, you can include either the full\nname \"Google Classroom\" or the short version \"Classroom\".\n\nExample buttons:\n\nExample padding:\n\nWhen talking about Classroom classes, use one of these phrases\n(note that \"classes\" is not capitalized):\n\n- Google Classroom classes (example: \"Choose from your Google Classroom classes\")\n- Classroom classes (example: \"Choose from your Classroom classes\")\n- Invite using Google Classroom\n- Share with Google Classroom\n- Share to Google Classroom\n\nDon't use the following phrases:\n\n- Google Classrooms\n- Google classes\n- Google Classes\n- Google Class\n- Invite Google Classroom\n\n### Describe your own product's compatibility with Classroom\n\nIf your product is compatible with Google Classroom, make reference to Google\nClassroom by using the text \"for\", \"for use with\", or \"compatible\nwith\", and be sure to include the ™ symbol with the Google trademark.\nExample: \"for Google Classroom™\"\n\nIf you are making reference to a Google trademark in combination with your logo,\nthe referencing text should be smaller in size than your logo.\n\n| **Note:** Don't use Google trademarks or a modified version of a Google trademark as the logo for your application without written permission from Google.\n\n### Screenshot usage\n\nFor illustrative or informative purposes, you may use standard, unaltered\nscreenshots of Google services. For further details, check out the general\n[Google Brand Permissions](//www.google.com/permissions/).\n\n### Provide proper attribution\n\nProvide proper attribution to Google for any use of their marks in your\napplication title or in your description. Example: Google Classroom is a\ntrademark of Google Inc. Use of this trademark is subject to\n[Google Brand Permissions](//www.google.com/permissions/).\n\n### Font\n\nUse Roboto Bold, a TrueType font.\n\nTo install,\n[download Roboto font](//www.google.com/design/spec/style/typography.html)\nand extract the download bundle.\n\n- On Mac, double-click Roboto-Bold.ttf, then click \"Install Font\".\n- On Windows, drag the file to \"My Computer\" \\\u003e \"Windows\" \\\u003e \"Fonts\" folder.\n\n### Colors\n\n- Classic icon\n - The green color of the Google Classroom icon is #25A667.\n - The yellow color of the Google Classroom icon is #F6BB18.\n - The white color of the Google Classroom icon is #FFFFFF.\n - The green secondary color of the left and right person in Google Classroom icon is #57BB8A.\n- Dark icon\n - The black color of the Google Classroom icon is #000000.\n - The white color of the Google Classroom icon is #FFFFFF.\n - The grey secondary color of the left and right person in Google Classroom icon is #57BB8A.\n- Light icon\n - The green color of the Google Classroom icon is #25A667.\n - The yellow color of the Google Classroom icon is #F6BB18.\n - The green secondary color of the left and right person in Google Classroom icon is #57BB8A.\n\n### Hover state\n\nWhen holding the pointer over the icon, it should be shaded with 20% black.\n\n### Incorrect logo design\n\n- Don't use colors other than the two specified for the icon.\n- Don't use a Google icon to represent Google Classroom.\n- Don't create your own icon for the button.\n- Don't use the term \"Google\" by itself in the button without a Google Classroom icon.\n- Examples of incorrect Google Classroom button designs:\n\nNever use the colored Google logo in the button. Always include the Google\nClassroom icon on the left of the button. Don't change the font\nof the button."]]
